Como colocar efeito a hover nas categorias

por victormenezes 01.11.12 22:37

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:
https://2img.net/h/oi48.tinypic.com/axo0vo.png

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

Versão do meu fórum:
PHPBB3

por victormenezes 01.11.12 23:05

por BrunoH. 02.11.12 0:11

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores 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.

por victormenezes 02.11.12 0:18

será que pode me explicar as cores qual que é

por BrunoH. 02.11.12 0:25

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.

por victormenezes 02.11.12 0:29

obrigado pode fechar

Hitskin.com

Como colocar efeito a hover nas categorias

Como colocar efeito a hover nas categorias

Re: Como colocar efeito a hover nas categorias

Re: Como colocar efeito a hover nas categorias

Re: Como colocar efeito a hover nas categorias

Re: Como colocar efeito a hover nas categorias

Re: Como colocar efeito a hover nas categorias