Efeito hover no botão do perfil

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

Resolvido Efeito hover no botão do perfil

Mensagem por Legolass em 05/07/13, 11:31 pm

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 05/07/13, 11:50 pm, editado 1 vez(es)
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Efeito hover no botão do perfil

Mensagem por Sennior em 05/07/13, 11:36 pm

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'
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: Efeito hover no botão do perfil

Mensagem por Legolass em 05/07/13, 11:50 pm

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

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

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