Links no meu forum

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

Resolvido Links no meu forum

Mensagem por Douglas Henrique em 05/12/12, 07:09 pm

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


Última edição por Douglas Henrique em 07/12/12, 08:13 am, editado 1 vez(es)
avatar

Douglas Henrique
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 106
Pontos Ativos : 166

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

Resolvido Re: Links no meu forum

Mensagem por Ace em 05/12/12, 07:13 pm

Olá,

Você deseja aplicar esse efeito em todos os links? Piscada

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Links no meu forum

Mensagem por Douglas Henrique em 05/12/12, 07:23 pm

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

Douglas Henrique
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 106
Pontos Ativos : 166

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

Resolvido Re: Links no meu forum

Mensagem por BrunoH. em 05/12/12, 07:29 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Olá, bem vindo á nossa comunidade!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
.forumlink {-webkit-transition-duration: .8s;}
.forumlink:hover {margin-left: 20px;-webkit-transition-duration: .8s;}
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Links no meu forum

Mensagem por Douglas Henrique em 05/12/12, 08:39 pm

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

Douglas Henrique
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 106
Pontos Ativos : 166

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

Resolvido Re: Links no meu forum

Mensagem por Sennior em 06/12/12, 10:46 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Links no meu forum

Mensagem por Douglas Henrique em 07/12/12, 08:13 am

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

MUITO OBRIGADO!
VELEU
avatar

Douglas Henrique
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 106
Pontos Ativos : 166

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