colocar efeito hover

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

Resolvido colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 01:20 pm

Qual é minha questão:
tem como colocar efeito hover na versão phpbb2 ?

Medidas que eu tomei para corrigir o problema:
...

Links e imagens do meu problema:
...

Endereço do meu fórum:


Versão do meu fórum:
PHPBB2
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por Troubleshoot em 04/04/12, 01:22 pm

Olá, aonde deseja aplicar o 'hover' ?

Até.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 02:20 pm

@!sasuky escreveu:Olá, aonde deseja aplicar o 'hover' ?

Até.Piscada

Olá sasuky
eu queria aplicar nas categorias igual do fdf
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por Troubleshoot em 04/04/12, 02:30 pm

Aqui está :

dd.lastpost:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
dd.posts, dd.topics:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ul.forums dd:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
li.row dl.icon dd.dterm:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Negrito: Troque pela cor que deseja.

Resulta ?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 02:33 pm

Não funcionou, coloquei um tema em phpbb2 que ele esta com efeito hover, mais onde devo fazer as devidas modificações da cor?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por Troubleshoot em 04/04/12, 02:39 pm

dd.lastpost:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
dd.posts, dd.topics:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ul.forums dd:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
li.row dl.icon dd.dterm:hover {
background-color: #C2C2C2;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Site de cores :
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 02:44 pm

Nao resultou amigo.
O efeito que digo é esse: nas categorias quando voce colocar a seta ela muda de cor...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por Troubleshoot em 04/04/12, 02:46 pm

Tente este código :

li.row:hover {
background-color: #FFFFFF;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Negrito: Cor que deseja.
Site de cores:


Resulta?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 02:49 pm

Não resultou...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por Troubleshoot em 04/04/12, 02:53 pm

Tente este :

Código:
ul.forums dd:hover {
background-color: #E0F2FF;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Caso não de , tente este:
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}
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 02:54 pm

Não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por Troubleshoot em 04/04/12, 02:58 pm

Tente este :

Código:
.main table td:hover {
background: -moz-linear-gradient(#E0F9FC,#A8E2FF);
background-attachment: scroll;
background-color: #E0F9FC;
background-image: -webkit-linear-gradient(#E0F9FC,#A8E2FF);
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}

Caso não de , tente este :

Código:
#wrap .main table td:hover {
background: -moz-linear-gradient(#E0F9FC,#A8E2FF);
background-attachment: scroll;
background-color: #E0F9FC;
background-image: -webkit-linear-gradient(#E0F9FC,#A8E2FF);
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: colocar efeito hover

Mensagem por NycolasRB em 04/04/12, 03:03 pm

Muito obrigado estava com a mesma duvida
Positivo
avatar

NycolasRB
Novo membro

Masculino
Inscrito dia : 04/04/2012
Mensagens : 1
Pontos Ativos : 1

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

Resolvido Re: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 03:10 pm

nao resultou
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: colocar efeito hover

Mensagem por MateusV. em 04/04/12, 04:56 pm

Olá, substitua o codigo por este
.forumline .row1:hover, .forumline .row2:hover, .forumline .row3:hover, .forumline .row3Right:hover {
background-color: #C2C2C2;
}

Cordialmente. Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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: colocar efeito hover

Mensagem por Alex Habilidade em 04/04/12, 05:26 pm

ótimo, mais na parte onde fica as imagens das categorias, elas nao pegam isso é normal?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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