Efeito hover no botão do perfil
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Efeito hover no botão do perfil
Qual é minha questão:
Galera, eu criei uma classe pra uns links específicos, mas estou enfrentando problema pra injetar um hover nele. Tentei de todas as formas e não vai.
Eu adicionei a classe para fazer esse efeito:
Estão vendo a caixinha? Só que eu queria que quando o mouse passasse nele, essa caixinha mudasse de cor para #848484 e o link para #fafafa
O code da classe que adicionei foi esse:
E apliquei assim:
Endereço do meu fórum:
http://www.fanfictionunited.com.br
Versão do fórum:
PHPBB2
Galera, eu criei uma classe pra uns links específicos, mas estou enfrentando problema pra injetar um hover nele. Tentei de todas as formas e não vai.
Eu adicionei a classe para fazer esse efeito:
Estão vendo a caixinha? Só que eu queria que quando o mouse passasse nele, essa caixinha mudasse de cor para #848484 e o link para #fafafa
O code da classe que adicionei foi esse:
- Código:
.topo {
font-weight: normal;
font-color: #000;
font-size: 12px;
text-decoration: none;
display: inline;
padding: 2px 15px;
width: 145px;
height: 25px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
a.topo {
background: #666
url(http://i81.servimg.com/u/f81/18/18/31/47/overla10.png) repeat-x 0 -40px;
color: #444; border-top:
solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
E apliquei assim:
- Código:
<a class="topo"...
Endereço do meu fórum:
http://www.fanfictionunited.com.br
Versão do fórum:
PHPBB2
Última edição por Cris Varella em 06.07.13 3:50, editado 1 vez(es)
Re: Efeito hover no botão do perfil
Olá amigo!
Tente assim:
Até mais.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Tente assim:
- Código:
.topo:hover {
background: #848484 !important;
color: #fafafa !important;
}
Até mais.
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Re: Efeito hover no botão do perfil
Deixa quieto, era porque eu tinha adicionado
- Código:
<span>
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos