Como colocar efeito a hover nas categorias

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

Resolvido Como colocar efeito a hover nas categorias

Mensagem por victormenezes em 01/11/12, 08:37 pm

Qual é minha questão:
Veja a imagem ela fica mais verde claro e a outra escuro

resumindo quando passar o mouse por sima da categorias mude um pouco

Links e imagens do meu problema:
Http://i48.tinypic.com/axo0vo.png

Endereço do meu fórum:
http://forum.flamecheats.com.br/

Versão do meu fórum:
PHPBB3
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

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

Resolvido Re: Como colocar efeito a hover nas categorias

Mensagem por victormenezes em 01/11/12, 09:05 pm

up
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

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

Resolvido Re: Como colocar efeito a hover nas categorias

Mensagem por BrunoH. em 01/11/12, 10:11 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
ul.forums li.row dl{margin-left:-18px;min-height:30px}ul.topiclist dd{border-left-color:#dcdcdc}dl.icon dd.dterm,dl.icon dt{border:none!important}li.row:hover{-htm-transition:background .5s;-moz-box-shadow:inset 0 0 5px #0CA630;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:inset 0 0 5px #0CA630;-webkit-transition:background .5s;background-color:#D2F5D4;box-shadow:inset 0 0 5px #0CA630;transition:background .5s}li.row{-htm-transition:background .5s;-moz-box-shadow:0 1px 1px #5E8266;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:0 1px 1px #5E8266;-webkit-transition:background .5s;box-shadow:0 1px 1px #5E8266;transition:background .5s}
e Valide!

Atenciosamente,
BrunoH. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar efeito a hover nas categorias

Mensagem por victormenezes em 01/11/12, 10:18 pm

será que pode me explicar as cores qual que é
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

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

Resolvido Re: Como colocar efeito a hover nas categorias

Mensagem por BrunoH. em 01/11/12, 10:25 pm

Olá!
Em Negrito, basta alterar para as cores desejadas:
ul.forums li.row dl{margin-left:-18px;min-height:30px}ul.topiclist dd{border-left-color:#dcdcdc}dl.icon dd.dterm,dl.icon dt{border:none!important}li.row:hover{-htm-transition:background .5s;-moz-box-shadow:inset 0 0 5px #0CA630;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:inset 0 0 5px #0CA630;-webkit-transition:background .5s;background-color:#D2F5D4;box-shadow:inset 0 0 5px #0CA630;transition:background .5s}li.row{-htm-transition:background .5s;-moz-box-shadow:0 1px 1px #5E8266;-moz-transition:background .5s;-o-transition:background .5s;-webkit-box-shadow:0 1px 1px #5E8266;-webkit-transition:background .5s;box-shadow:0 1px 1px #5E8266;transition:background .5s}
Caso não saiba ver os IDs das cores, veja neste site:
http://www.colorpicker.com/

Atenciosamente,
BrunoH. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar efeito a hover nas categorias

Mensagem por victormenezes em 01/11/12, 10:29 pm

obrigado pode fechar
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

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

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