Efeito hover

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

Resolvido Efeito hover

Mensagem por JRHoly em 30/05/12, 12:47 am

Qual é minha questão:
Como fazer o efeito hover do titulo dos foruns desse forum: http://rpgwizengamot.forumeiros.com/ ?

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

Links e imagens do meu problema:
...

Endereço do meu fórum:
http://fairytailmiracle.forumais.com/forum

Versão do meu fórum:
PHPBB3


Última edição por JRHoly em 31/05/12, 12:30 am, editado 1 vez(es)
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum
  • 0

Resolvido Re: Efeito hover

Mensagem por LucasRPG em 30/05/12, 02:24 am

Olá
Adicione este Código no CSS do seu Fórum.

Código:
a.forumtitle {
color:
#272329;
font-family: georgia;
font-size: 18px;
text-transform: lowercase;
font-weight: 400;
font-style: italic;
letter-spacing: -1px;
text-align: center;
text-decoration: none;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
}
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Efeito hover

Mensagem por JRHoly em 30/05/12, 01:25 pm

Olá Lucas.
Até muda de cor, mas e o espaçamento?
Não cresce a palavra como deveria ser.
Falta o código de hover.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

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

Resolvido Re: Efeito hover

Mensagem por Sennior em 30/05/12, 01:45 pm

Olá!
Junto ao código acima Adicione este:

Código:
A:hover{text-transform:uppercase;}

Cordialmente! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito hover

Mensagem por JRHoly em 30/05/12, 01:57 pm

Olá.
Não ficou como desejado.
Pode ver em meu forum, está ativo;
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

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

Resolvido Re: Efeito hover

Mensagem por MateusV. em 30/05/12, 02:01 pm

Boa tarde.

Substitua o código por este:
a.forumlink:hover {
color: #272329;
letter-spacing: 0px;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
}

Abraço. 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: Efeito hover

Mensagem por JRHoly em 30/05/12, 02:06 pm

Olá.
Ainda não fez o efeito que desejo (como o forum que mostrei).
É possivel que algum código tenha dado interferência?
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

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

Resolvido Re: Efeito hover

Mensagem por Convidad em 30/05/12, 07:00 pm

Olá,

Adicione o código abaixo em sua folha CSS:

Código:
.forumlink {
color:
#272329;
font-family: georgia;
font-size: 18px;
text-transform: lowercase;
font-weight: 400;
font-style: italic;
letter-spacing: -1px;
text-align: center;
text-decoration: none;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
}

Abraços. Piscada

Convidad
Convidado


Resolvido Re: Efeito hover

Mensagem por Sr.pepek em 30/05/12, 07:02 pm

Olá
Adicione este Código no CSS do seu Fórum.

ul.topiclist li {
margin: 0px;
}
li.row {
}
li.row {
border-bottom: 1px solid
#EEE;
border-top: 1px solid
#EEE;
}
* {
margin: 0px;
padding: 0px;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Efeito hover

Mensagem por JRHoly em 30/05/12, 07:14 pm

Olá.
Nenhum dos códigos surtiram o efeito esperado;
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum
  • 0

Resolvido Re: Efeito hover

Mensagem por Luciano98 em 31/05/12, 12:10 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:
.forumtitle{font-size:18px!important;font-weight:400;font-style:italic;letter-spacing:-1px;text-align:center;text-decoration:none;-o-transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s}a.forumtitle:hover {font-size:20px!important;color:#272329;letter-spacing:0px;-o-transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s}

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

Resolvido Re: Efeito hover

Mensagem por JRHoly em 31/05/12, 12:29 am

Certissimo Luciano.

Resolvido.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

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

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