Efeito hover

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

Atendido / Resolvido Efeito hover

Mensagem por JRHoly em 30.05.12 4:47

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 4:30, editado 1 vez(es)
JRHoly

JRHoly
Nível 9

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

http://l2honorgames.forumais.com/forum
  • 0

Atendido / Resolvido Re: Efeito hover

Mensagem por LucasRPG em 30.05.12 6:24

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;
}
LucasRPG

LucasRPG
Usuário destaque

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

http://cataclysm.web-rpg.com/

Atendido / Resolvido Re: Efeito hover

Mensagem por JRHoly em 30.05.12 17:25

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

JRHoly
Nível 9

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

http://l2honorgames.forumais.com/forum

Atendido / Resolvido Re: Efeito hover

Mensagem por Sennior em 30.05.12 17:45

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

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

Cordialmente! Muito feliz
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16374
Pontos Ativos : 20885

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Efeito hover

Mensagem por JRHoly em 30.05.12 17:57

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

JRHoly
Nível 9

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

http://l2honorgames.forumais.com/forum

Atendido / Resolvido Re: Efeito hover

Mensagem por MateusV. em 30.05.12 18:01

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

MateusV.
Principal contribuidor
Principal contribuidor

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

http://mateusv.site11.com/gerador2.html

Atendido / Resolvido Re: Efeito hover

Mensagem por JRHoly em 30.05.12 18:06

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

JRHoly
Nível 9

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

http://l2honorgames.forumais.com/forum

Atendido / Resolvido Re: Efeito hover

Mensagem por Convidad em 30.05.12 23:00

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
Anonymous

Convidad
Convidado


Atendido / Resolvido Re: Efeito hover

Mensagem por Sr.pepek em 30.05.12 23:02

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;
}
avatar

Sr.pepek
Membro do Fórum

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

http://www.foxgames.forumais.com

Atendido / Resolvido Re: Efeito hover

Mensagem por JRHoly em 30.05.12 23:14

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

JRHoly
Nível 9

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

http://l2honorgames.forumais.com/forum
  • 0

Atendido / Resolvido Re: Efeito hover

Mensagem por Luciano98 em 31.05.12 4:10

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 02/09/2010
Mensagens : 7647
Pontos Ativos : 11046

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Efeito hover

Mensagem por JRHoly em 31.05.12 4:29

Certissimo Luciano.

Resolvido.
JRHoly

JRHoly
Nível 9

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

http://l2honorgames.forumais.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum