Efeitos nos títulos dos fóruns

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

Resolvido Efeitos nos títulos dos fóruns

Mensagem por Lockey em 14/03/12, 08:38 am

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
avatar

Lockey
Usuário avançado

Masculino
Inscrito dia : 02/03/2012
Mensagens : 377
Pontos Ativos : 573

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por iPrompt em 14/03/12, 08:56 am

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Lockey em 14/03/12, 09:06 am

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

Lockey
Usuário avançado

Masculino
Inscrito dia : 02/03/2012
Mensagens : 377
Pontos Ativos : 573

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Troubleshoot em 14/03/12, 09:21 am

Olá , qual código você utilizou ?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2943

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por iPrompt em 14/03/12, 09:23 am

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Lockey em 14/03/12, 09:24 am

O primeiro que o Coper me mostrou!
avatar

Lockey
Usuário avançado

Masculino
Inscrito dia : 02/03/2012
Mensagens : 377
Pontos Ativos : 573

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Troubleshoot em 14/03/12, 09:25 am

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

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2943

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

Resolvido Re: Efeitos nos títulos dos fóruns

Mensagem por Lockey em 14/03/12, 09:25 am

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

Lockey
Usuário avançado

Masculino
Inscrito dia : 02/03/2012
Mensagens : 377
Pontos Ativos : 573

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