Como mudar a cor do fórum quando o mouse passa por cima

[Victo0r]

Qual é minha questão:
Gente, eu achei bem legal esse efeito de "fade pra bege" quando se passa o mouse por cima das mensagens em um tópico. Alguem tem ideia de como faz isso?

Medidas que eu tomei para corrigir o problema:
Já procurei o efeito hover em Painel de Controle--Visualização--Cores, mas não achei...

Links e imagens do meu problema:


Endereço do meu fórum:
http://cityandbeach.forumeiros.com/

Versão do meu fórum:
PHPBB2

[Roevs]

Poderia me passar o link do fórum aonde viu este efeito ?

[Victo0r]

Aqui mesmo no Fórum dos Fóruns! Tou falando desse efeito onde você passa o mouse por cima de um topico e a cor muda de azul claro pra bege claro...

[Roevs]

Adiciona este código em sua Folha de estilo CSS

Código:

.pun a:hover {
border-bottom: 3px solid #86B125;
}

[MateusV.]

Olá, aceda a sua Folha de estilo CSS.

Cole o codigo abaixo e salve.

Código:

#indexmenu a,li.row{-htm-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:5ms;-webkit-transition-duration:1s;transition-duration:1s}
li.row:hover{background-color:#f7eed2}
li.row:hover dd{border-left-color:#fff}

Cordialmente.

[Victo0r]

Nenhum dos dois codigos funcionaram. =/

[Lukas']

Painel de controle> Visualizaçao > Cores > Cor do link quando o mouse está sobre ele :

[MateusV.]

Olá, eu testei e meu codigo resultou, poderia ser mais especifico quanto sua questão?

Cordialmente.

[Victo0r]

Gente, o que eu tou querendo é mudar a cor de fundo das tabelas quando em "hover"... de preferencia com esse efeito de "fade" que tem aqui no Fórum dos Fóruns. Nem o codigo do MateusV. nem o do @Cooper resultaram aqui por algum motivo que eu não sei qual. Ninguem sabe como ajudar?

[Lukas']

Olá, eu testei e meu codigo resultou, poderia ser mais especifico quanto sua questão?

Cordialmente.

a sua versao é diferente da dele
Victo0r vc quer colocar tipo quando o mouse fica em cima fica de outra cor ?

[MateusV.]

Olá, eu testei e meu codigo resultou, poderia ser mais especifico quanto sua questão?

Cordialmente.

a sua versao é diferente da dele
Victo0r vc quer colocar tipo quando o mouse fica em cima fica de outra cor ?

Olá, não, testei em um forum PHPBB2, mas há um outro codigo, o efeito não irá ficar em toda a tabela, mas é quase o mesmo.

Código:

.row1:hover, .row2:hover, .row3:hover {
-htm-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:5ms;-webkit-transition-duration:1s;transition-duration:1s;
}
.row1:hover, .row2:hover, .row3:hover {background-color:#f7eed2;}

Cordialmente.

[Top Spin]

Gostaria desse efeito também igual ao daqui do fdf.

Testei todos acima nenhum funcionou ;x phpbb2

[Victo0r]

Olá, não, testei em um forum PHPBB2, mas há um outro codigo, o efeito não irá ficar em toda a tabela, mas é quase o mesmo.

Código:

.row1:hover, .row2:hover, .row3:hover {
-htm-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:5ms;-webkit-transition-duration:1s;transition-duration:1s;
}
.row1:hover, .row2:hover, .row3:hover {background-color:#f7eed2;}

Cordialmente.

Aqui funcionou, mas ficou apenas nas tabelas menores, onde ficam o número de mensagens e topicos no fórum. Na tabela principal onde fica a descrição e o nome não resultou. =/

EDIT: Na verdade resultou sim, mas apenas dentro dos fóruns. A tabela no indice continua sem efeito. =/

EDIT²: Agora que vi, ficou em todas as tabelas, widgets, mensagens, tudo! Não tem como reduzir o codigo apenas nas tabelas dos fóruns e topicos não?!

[Top Spin]

Aqui não funcionou nos foruns e ultimas mensagens no restante perfeito

[Victo0r]

Ninguem tem mais nenhum codigo que possa funcionar completamente?

[Nickname]

Olá
Faça o seguinte procedimento:
Painel de controle Visualização Imagens e cores Cores
Proucure por: Cor do link quando o mouse está sobre ele, e escolha a sua cor
desejada

Até mais

[Top Spin]

Não queremos mudar a cor do link, mas sim a cor da parte em que o mouse se encontra posicionado ;x

O codigo do MateuV deu resultado, porem faltou em 2 colunas na pagina de rosto do forum

[Victo0r]

E eu ainda tou sem a resposta que eu queria =/

[Luciano98]

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

table.forumline tr td.row1,table.forumline tr td.row2,table.forumline tr td.row3{-htm-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:5ms;-webkit-transition-duration:1s;transition-duration:1s}table.forumline tr:hover td.row1,table.forumline tr:hover td.row2,table.forumline tr:hover td.row3{background-color:#f7eed2!important}

Valide.

Até mais.