Links no meu forum

[Douglas Henrique]

Qual é minha questão:
Queria colocar nos link de meu fórum um efeito que eu vi em outro, mas não sei em qual!
O efeito é o seguinte, quando você passa o mouse por ele desloca um pouco para a horizontal

PFr me ajudem! 
Agradeço desde já!

Endereço do meu fórum:
http://uzumakirpg.forumeiros.com

Versão do fórum:
PHPBB2

[Ace]

Olá,

Você deseja aplicar esse efeito em todos os links?

Até Mais!

[Douglas Henrique]

bom se tiver como, quero aplicar somente aos fórums!

[BrunoH.]

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá, bem vindo á nossa comunidade!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.forumlink {-webkit-transition-duration: .8s;}
.forumlink:hover {margin-left: 20px;-webkit-transition-duration: .8s;}

e Valide!

Até mais!

[Douglas Henrique]

pois bem, gostei do efeito, foi somente nos fóruns como eu queria, mas... eu queria que o link se movimentasse para a direita! assim como eu vi no outro forum!

[Sennior]

Olá!

Veja se algum deses funciona:

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

Até mais.

[Douglas Henrique]

O primeiro codigo deu certinho!!! Exatamente o que eu queria

MUITO OBRIGADO!
VELEU