Efeito hover no botão do perfil

2 participantes

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

Tópico resolvido Efeito hover no botão do perfil

Mensagem por Legolass 06.07.13 3:31

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:
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)
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito hover no botão do perfil

Mensagem por Sennior 06.07.13 3:36

Olá amigo!

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'
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no botão do perfil

Mensagem por Legolass 06.07.13 3:50

Deixa quieto, era porque eu tinha adicionado
Código:
<span>
no link. Pode fechar, resolvido amigão Mikéé!
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos