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

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

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

Mensagem por Victo0r em 26/03/12, 05:58 pm

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
avatar

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por iPrompt em 26/03/12, 06:04 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

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

Mensagem por Victo0r em 26/03/12, 06:23 pm

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...
avatar

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por iPrompt em 26/03/12, 06:28 pm

Adiciona este código em sua Folha de estilo CSS

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

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

Mensagem por MateusV. em 26/03/12, 07:31 pm

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. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Victo0r em 27/03/12, 12:36 pm

Nenhum dos dois codigos funcionaram. =/
avatar

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por Lukas' em 27/03/12, 08:14 pm

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

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

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

Mensagem por MateusV. em 27/03/12, 08:48 pm

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

Cordialmente. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Victo0r em 28/03/12, 12:57 am

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?
avatar

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por Lukas' em 28/03/12, 01:26 pm

@MateusV. escreveu:Olá, eu testei e meu codigo resultou, poderia ser mais especifico quanto sua questão?

Cordialmente. Piscada

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

Lukas'
Nível 8

Masculino
Inscrito dia : 26/03/2012
Mensagens : 119
Pontos Ativos : 199

Ver perfil do usuário http://maniacoscheats.forumais.com

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

Mensagem por MateusV. em 28/03/12, 04:21 pm

@Lukas' escreveu:
@MateusV. escreveu:Olá, eu testei e meu codigo resultou, poderia ser mais especifico quanto sua questão?

Cordialmente. Piscada

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. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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

Mensagem por Top Spin em 28/03/12, 04:46 pm

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

Testei todos acima nenhum funcionou ;x phpbb2
avatar

Top Spin
Nível 5

Masculino
Inscrito dia : 22/03/2012
Mensagens : 44
Pontos Ativos : 53

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

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

Mensagem por Victo0r em 28/03/12, 05:42 pm

@MateusV. escreveu:
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. Piscada

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?!
avatar

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por Top Spin em 28/03/12, 06:57 pm

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

Top Spin
Nível 5

Masculino
Inscrito dia : 22/03/2012
Mensagens : 44
Pontos Ativos : 53

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

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

Mensagem por Victo0r em 30/03/12, 12:16 pm

Ninguem tem mais nenhum codigo que possa funcionar completamente?
avatar

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por Nickname em 30/03/12, 12:21 pm

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

Até mais

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

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

Mensagem por Top Spin em 30/03/12, 01:56 pm

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
avatar

Top Spin
Nível 5

Masculino
Inscrito dia : 22/03/2012
Mensagens : 44
Pontos Ativos : 53

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

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

Mensagem por Victo0r em 31/03/12, 03:56 pm

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

Victo0r
Nível 4

Masculino
Inscrito dia : 02/06/2011
Mensagens : 33
Pontos Ativos : 59

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

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

Mensagem por Luciano98 em 01/04/12, 12:02 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.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