Efeitos nos títulos dos fóruns

3 participantes

Ir para baixo

Tópico resolvido Efeitos nos títulos dos fóruns

Mensagem por Lockey 14.03.12 11:38

Qual é minha questão:
Queria saber como faço para colocar o seguinte efeito: Quando passa o mouse sobre o título do fórum ele se move para a direita>>>>>e quando tira o mouse sobre o mesmo ele volta ao normal para a esquerda.Mas não quero nenhuma modificação,nada em negrito,sublinhado ou itálico somente na forma original e com a fonte de tamanho 16.

Agradecerei muito quem pudesse me ajudar quando a isso.

Medidas que eu tomei para corrigir o problema:
Vim aqui perguntar " O_O "

Links e imagens do meu problema:
Esse é o link do fórum que achei esse efeito,basta passar o mouse nos títulos dos fóruns e você verão: http://arestomomentum.forumeiros.com/forum

Endereço do meu fórum:
locomotormortisrpg.forumeiros.com

Versão do meu fórum:
PHPBB2
Lockey
Lockey
*****

Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Roevs 14.03.12 11:56

Adiciona este código em seu CSS

Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 2px solid black;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
}
a.forumlink:hover {
color: white;
text-decoration: underline;
}
a.forumlink:visited {
color: #474545;
}
a.forumlink:link {
color: #474545;
}
a:hover {
color: white;
text-shadow: 0px 0px 7px white;
}
a.forumlink {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 5px solid black;
display: block;
font-family: arial;
font-size: 16px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}

Se Não der certo tente este


Código:
a:link {
color: #474545;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
.hierarchy {
font-size: 12px;
text-transform: none;
}
h3 {
font-size: 1.17em;
font-weight: bold;
}
p, td, th {
font-family: Trebuchet MS;
}
table {
border-collapse: separate;
border-spacing: 2px;
}
p, td, th {
font-family: Trebuchet MS;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Lockey 14.03.12 12:06

Muito obrigado Coper,consegui e ficou perfeito só que eu queria tirar o sublinhado dos títulos,quando passa o mouse ele se move e fica sublinhado,queria retirar....
Lockey
Lockey
*****

Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Troubleshoot 14.03.12 12:21

Olá , qual código você utilizou ?
Troubleshoot
Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Roevs 14.03.12 12:23

Se usou o primeiro código troca pro este

Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 2px solid black;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
}
a.forumlink:visited {
color: #474545;
}
a.forumlink:link {
color: #474545;
}
a:hover {
color: white;
text-shadow: 0px 0px 7px white;
}
a.forumlink {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 5px solid black;
display: block;
font-family: arial;
font-size: 16px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}

Se usou o segundo troque por este

Código:
a:link {
color: #474545;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
.hierarchy {
font-size: 12px;
text-transform: none;
}
h3 {
font-size: 1.17em;
font-weight: bold;
}
p, td, th {
font-family: Trebuchet MS;
}
table {
border-collapse: separate;
border-spacing: 2px;
}
p, td, th {
font-family: Trebuchet MS;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Lockey 14.03.12 12:24

O primeiro que o Coper me mostrou!
Lockey
Lockey
*****

Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Troubleshoot 14.03.12 12:25

Tente trocar por este :

Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 2px solid black;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
}
a.forumlink:hover {
color: white;
text-decoration: underline;
}
a.forumlink:visited {
color: #474545;
}
a.forumlink:link {
color: #474545;
}
a:hover {
color: white;
text-shadow: 0px 0px 7px white;
}
a.forumlink {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 5px solid black;
display: block;
font-family: arial;
font-size: 16px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}
.forumlink {
color: #474545;
font-size: 12px;
font-weight: 700;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}
Troubleshoot
Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Lockey 14.03.12 12:25

Isso ai,agora ficou perfeito do jeito que eu queria,Coper você é Tive uma idéia! 10!!!
Lockey
Lockey
*****

Membro desde : 02/03/2012
Mensagens : 424
Pontos : 642

http://osfilhosdoeter.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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