Efeito hover

+2
LucasRPG
JRHoly
6 participantes

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

Tópico resolvido Efeito hover

Mensagem por JRHoly 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
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito hover

Mensagem por LucasRPG 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
Membro

Membro desde : 27/05/2009
Mensagens : 618
Pontos : 1003

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por JRHoly 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
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito hover

Mensagem por Sennior 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
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por JRHoly 30.05.12 17:57

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

JRHoly
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover

Mensagem por MateusV. 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.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por JRHoly 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
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por Convidad 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


Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por Sr.pepek 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
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por JRHoly 30.05.12 23:14

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

JRHoly
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Efeito hover

Mensagem por Luciano98 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
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por JRHoly 31.05.12 4:29

Certissimo Luciano.

Resolvido.
JRHoly

JRHoly
***

Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283

http://l2honorgames.forumais.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos