Menu dos widget

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu dos widget

Mensagem por Dr.Birita em 03/12/12, 09:53 pm

Qual é minha questão:
Eu gostaria de um menu igual ao deste Fórum: http://www.narutorpgfuture.com/

O Menu de Widget, aquele ali que ta no canto direito Multimidia e outros eu queria tudo igual, apenas o COD para eu modificar, alguém pode me conceder, sendo que a versão de meu Fórum é PUNBB.

thank's

Endereço do meu fórum:
http://cdznewomega.forumeiros.com

Versão do fórum:
PUNBB
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

Ver perfil do usuário http://institutomonroe.forumeiros.com/forum

Resolvido Re: Menu dos widget

Mensagem por [F]lames em 03/12/12, 09:57 pm

Olá,

Código do Widget:

Código:
<div>

<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/" id="botao" class="efeito_fade"><p>Episodeos</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/1-temporada-t233.htm" id="botao" class="efeito_fade"><p>1ºTemporada</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/2-temporada-t232.htm" id="botao" class="efeito_fade"><p>2ºTemporada</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/3-temporada-t231.htm" id="botao" class="efeito_fade"><p>3ºTemporada</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/4-temporada-t230.htm" id="botao" class="efeito_fade"><p>4ºTemporada</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/5-temporada-t229.htm" id="botao" class="efeito_fade"><p>5ºTemporada</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/6-temporada-t160.htm" id="botao" class="efeito_fade"><p>6ºTemporada</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/naruto-anime-f137/naruto-3gp-t297.htm" id="botao" class="efeito_fade"><p>Temporada 3GP</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>
</li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/Mangas-h14.htm" id="botao" class="efeito_fade"><p>Mangás</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/Manga-Volumes-01-a-20-h1.htm" id="botao" class="efeito_fade"><p>volume 1 a 20</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/Manga-Volumes-21-a-40-h2.htm" id="botao" class="efeito_fade"><p>Volume 21 a 40</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/Manga-Volumes-41-a-h3.htm" id="botao" class="efeito_fade"><p>volume 41 a ...</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/kakashi-gaiden-t169.htm" id="botao" class="efeito_fade"><p>Kakashi Gaiden</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/yondaime-gaiden-t170.htm" id="botao" class="efeito_fade"><p>Minato Gaiden</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>
</li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/filmes-naruto-t178.htm#559" id="botao" class="efeito_fade"><p>Filmes</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/naruto-artbook-t172.htm#494" id="botao" class="efeito_fade"><p>Artbooks</p><img class="hover" style="opacity: 0;"></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/fonte-naruto-t158.htm" id="botao" class="efeito_fade"><p>Fonte</p><img class="hover" style="opacity: 0;"></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/naruto-midis-t171.htm" id="botao" class="efeito_fade"><p>Midis</p><img class="hover" style="opacity: 0;"></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/conteudo-f136/naruto-ova-s-t173.htm" id="botao" class="efeito_fade"><p>Ova's</p><img class="hover" style="opacity: 0;"></a></li>

</ul></div>
E adicione isto no CSS:

Código:
.ulmenu {
list-style: none;
top: 0px;
width: 120px;
z-index: 999;
}
#suave {
-webkit-transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
}
.ulmenu .limenu {
position: relative;
z-index: 999;
}
#botao {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/botao10.jpg);
clear: both;
display: block;
font-size: 11px;
font-weight: 700;
height: 22px;
position: relative;
width: 120px;
}
.ulmenu .limenu a {
border: 1px solid #CCC;
border-image: initial;
color: #6B6B6B;
display: block;
height: 20px;
text-decoration: initial;
z-index: 999;
text-shadow: white 1px 1px 1px;
}
#botao p {
position: absolute;
z-index: 999;
visibility: visible;
}
#botao img.hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/ative10.jpg);
display: block;
font-size: 11px;
font-weight: 700;
height: 22px;
position: absolute;
width: 120px;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Menu dos widget

Mensagem por Dr.Birita em 03/12/12, 11:44 pm

Olá, este me ajudou, mais agora alguém pode me dizer um Usando Jquery (JS)
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

Ver perfil do usuário http://institutomonroe.forumeiros.com/forum

Resolvido Re: Menu dos widget

Mensagem por Dr.Birita em 03/12/12, 11:54 pm

Aqui está meu Fórum de teste e veja como ficou:

http://institutomonroe.forumeiros.com/forum

Queria qeu ficasse: http://www.narutorpgfuture.com/

Então alguém pode me mandar umoutro COD formatado para só modificar.

Veja como fica o WIDGET quando tu poem seu mouse sobre o mesmo no fórumde naruto aparece uma lista de opções ao lado. Eu gostaria de deixar igual aquilo igual nada mais nada menos, ai eu só modifico os link, obrigado. Mais o COD acimanão funcionou como desejado
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

Ver perfil do usuário http://institutomonroe.forumeiros.com/forum

Resolvido Re: Menu dos widget

Mensagem por Sennior em 04/12/12, 10:59 pm

Ola!

Veja se este código CSS resulta. Coloque junto ao outro:

Código:
.limenu:hover .ulmenu {
display: block;
}
.limenu .ulmenu {
display: none;
left: 120px;
position: absolute;
z-index: 999;
}
.ulmenu {
list-style: none;
top: 0px;
width: 120px;
z-index: 999;
}
#botao img.hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/ative10.jpg);
display: block;
font-size: 11px;
font-weight: 700;
height: 22px;
position: absolute;
width: 120px;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu dos widget

Mensagem por Dr.Birita em 05/12/12, 11:06 am

Coloca-lo no fim?
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

Ver perfil do usuário http://institutomonroe.forumeiros.com/forum

Resolvido Re: Menu dos widget

Mensagem por Sennior em 05/12/12, 11:07 am

Olá,

Coloque no inicio de teu CSS, ou até mesmo no final Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu dos widget

Mensagem por Dr.Birita em 06/12/12, 05:56 pm

Sim, por enquanto ta tudo ocorrendo muito bem, mais eu gostaria de por um fundo ou uma borda em volta, alguém poderia me dar o CODIGO para eu modificar as imagens da borda. Valeu
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

Ver perfil do usuário http://institutomonroe.forumeiros.com/forum

Resolvido Re: Menu dos widget

Mensagem por SrAndy em 09/12/12, 09:22 pm

Óla Amigo

Aceda em teu css

Spoiler:
.limenu:hover .ulmenu {
display: block;
}
.limenu .ulmenu {
display: none;
left: 120px;
position: absolute;
z-index: 999;
}
.ulmenu {
list-style: none;
top: 0px;
width: 120px;
z-index: 999;
}
#botao img.hover {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/ative10.jpg);
display: block;
font-size: 11px;
font-weight: 700;
height: 22px;
position: absolute;
width: 120px;
}
avatar

SrAndy
Nível 8

Masculino
Inscrito dia : 23/10/2012
Mensagens : 124
Pontos Ativos : 175

Ver perfil do usuário http://newscheats.forumbrasil.net/

Resolvido Re: Menu dos widget

Mensagem por Consolado em 11/12/12, 08:44 pm

Olá!

Adicione esse HTML em um widget:
Código:
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tbody><tr name="NRF" class="zebraUm zebraDois">
<td height="83"> </td>
<td rowspan="2" height="106" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr14.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td rowspan="2" height="106" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr13.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="83"> </td>
</tr><tr class="zebraUm zebraDois">
<td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_012.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
</tr>
<tr class="zebraUm zebraDois"><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan="2" name="conteudo NRF" style="background-color: #ffffff">
<!--Inicio do Conteudo--><div>
<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/portal.htm" id="botao" class="efeito_fade"><p>Portal</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/forum.htm" id="botao" class="efeito_fade"><p>Fórum</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-folha-f9/" id="botao" class="efeito_fade"><p>Konoha</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-nevoa-f18/" id="botao" class="efeito_fade"><p>Kiri</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-areia-f19/" id="botao" class="efeito_fade"><p>Suna</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-nuvem-f20/" id="botao" class="efeito_fade"><p>Kumo</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-pedra-f21/" id="botao" class="efeito_fade"><p>Iwa</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/esconderijo-da-akatsuki-f22/" id="botao" class="efeito_fade"><p>Akatsuki</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>
</li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/tutoriais-f7/" id="botao" class="efeito_fade"><p>Tutoriais</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/regras-gerais-f10/" id="botao" class="efeito_fade"><p>Regras Gerais</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/apresentacoes-f1/" id="botao" class="efeito_fade"><p>Apresentações</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/teste-moderador-f146/" id="botao" class="efeito_fade"><p>Teste GM/Mod</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>
 </li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/registro-shinobis-f149/" id="botao" class="efeito_fade"><p>Registro Ninja</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/f49-academia" id="botao" class="efeito_fade"><p>Academia</p><img class="hover" style="opacity: 0;"></a></li>
</ul>
</li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile" id="botao" class="efeito_fade"><p>Perfil</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile#" id="botao" class="efeito_fade"><p>Informações</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&amp;page_profil=preferences" id="botao" class="efeito_fade"><p>Personagem</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&amp;page_profil=preferences" id="botao" class="efeito_fade"><p>Preferencias</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&amp;page_profil=signature" id="botao" class="efeito_fade"><p>Assinatura</p><img class="hover" style="opacity: 0;"></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&amp;page_profil=avatars" id="botao" class="efeito_fade"><p>Avatar</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&amp;page_profil=attachments" id="botao" class="efeito_fade"><p>Anexos</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&amp;page_profil=friendsfoes" id="botao" class="efeito_fade"><p>Amigos</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/search?search_id=watchsearch" id="botao" class="efeito_fade"><p>Topicos Super</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/search?search_id=draftsearch" id="botao" class="efeito_fade"><p>Rascunhos</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/rpg_sheet_edit.forum?u=2" id="botao" class="efeito_fade"><p>Personagem</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>
 </li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/parcerias-f4/como-funciona-o-sistema-de-parcerias-t133.htm" id="botao" class="efeito_fade"><p>Parceria</p><img class="hover" style="opacity: 0;"></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/mercado-geral-f24/" id="botao" class="efeito_fade"><p>Mercado Geral</p><img class="hover" style="opacity: 0;"></a>
<ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/bijus-f38/lista-de-bijus-e-jinchuurikins-t93.htm" id="botao" class="efeito_fade"><p>Bijus</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/t3798-descricoes-e-precos" id="botao" class="efeito_fade"><p>Armas Lend</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/t3796-contrato-com-animais-lendarios" id="botao" class="efeito_fade"><p>Animais Lend</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/armas-tradicionais-f46/armas-ninja-t103.htm" id="botao" class="efeito_fade"><p>Arm Tradici...</p><img class="hover" style="opacity: 0;"></a></li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/f50-comercio-player-x-player" id="botao" class="efeito_fade"><p>Player x Player</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/area-livre-f118/" id="botao" class="efeito_fade"><p>Area Livre</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/historia-de-naruto-rpg-future-f243/ajude-na-criacao-de-nossa-historia-t111.htm" id="botao" class="efeito_fade"><p>Historia do RPG</p><img class="hover" style="opacity: 0;"></a> </li>
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/dicas-e-reclamacoes-dos-players-f119/" id="botao" class="efeito_fade"><p>Dicas e Recla...</p><img class="hover" style="opacity: 0;"></a>
</li>
<li id="suave" class="limenu"><a href="/t5757p325-sala-de-reuniao-dos-gm-s-e-moderadores" id="botao" class="efeito_fade"><p>Reuniões Staff</p><img class="hover" style="opacity: 0;"></a>
 </li>
 </ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/prisao-f36/" id="botao" class="efeito_fade"><p>Prisão</p><img class="hover" style="opacity: 0;"></a>
 <ul class="ulmenu" id="nav">
 <li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/prisao-f36/ninjas-fugitivos-mais-procurad-bingo-book-t400.htm" id="botao" class="efeito_fade"><p>[Bingo Book] </p><img class="hover" style="opacity: 0;"></a> </li>
 </ul>
</li>
<li id="suave" class="limenu"><a href="http://www.top30.com.br/cgi/votar.cgi?ID=106481" target="_area" id="botao" class="efeito_fade"><p>Vota Top 30</p><img class="hover" style="opacity: 0;"></a></li>
 </ul>

</div>
<!--Fim do conteudo-->
</td>
<td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr class="zebraUm zebraDois"><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan="2" height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></tbody></table>
</div>
E utilize esse código CSS:
Código:
#suave{-moz-transition-duration:1s;-moz-transition-property:-moz-transform;-o-transition-duration:1s;-o-transition-property:-o-transform;-webkit-transition-duration:1s;-webkit-transition-property:-webkit-transform;transition-duration:1s;transition-property:transform}#suave:hover{-moz-transform:translate(10px);-o-transform:translate(10px);-webkit-transform:translate(10px);transform:translate(10px)}#suave:active{-moz-transform:scale(0.1);-o-transform:scale(0.1);-webkit-transform:scale(0.1);transform:scale(0.1)}.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:999}.ulmenu{list-style:none;top:0;width:120px;z-index:999}.ulmenu .limenu{position:relative;z-index:999}.ulmenu .limenu a{border:1px solid #ccc;color:#6B6B6B;display:block;height:20px;text-decoration:none;text-shadow:1px 1px 1px #fff!important;z-index:999}.ulmenu .limenu a:hover{color:#000!important;text-shadow:1px 1px 1px #fff!important}.limenu:hover .ulmenu{display:block}#botao p{position:absolute;visibility:visible!important;z-index:999}#botao{background:url(http://i42.servimg.com/u/f42/17/32/13/00/botao10.jpg);clear:both;display:block;font-size:11px;font-weight:700;height:22px;position:relative;width:120px}#botao img.hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/ative10.jpg);display:block;font-size:11px;font-weight:700;height:22px;position:absolute;width:120px}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum