Efeito no link

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

Resolvido Efeito no link

Mensagem por Sensei Animê em 09/04/13, 03:46 pm

Qual é minha questão:
Olá!

Gostaria de saber qual é o código utilizado nesse site ( http://www.superonzerv.com/ ) para que acontece esse efeito no link dos Tópicos.

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

Versão do fórum:
PHPBB2


Última edição por Sensei Animê em 09/04/13, 04:18 pm, editado 1 vez(es)
avatar

Sensei Animê
Nível 8

Masculino
Inscrito dia : 04/07/2011
Mensagens : 129
Pontos Ativos : 195

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

Resolvido Re: Efeito no link

Mensagem por BrunoH. em 09/04/13, 03:50 pm

Olá!
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:
Código:
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: 2px solid #c05927;
color: #454545;
display: block;
font-family: arial;
font-size: 10px;
font-weight: 700;
letter-spacing: 1px;
padding: 4px;
position: relative;
text-align: left;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
transform: all;
transition: 1s;
width: 100%;
z-index: 2;
}
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;
font-style: italic;
letter-spacing: 4px;
margin-left: 20px;
text-decoration: none!important;
transform: all;
transition: 1s;
}
a.forumlink:hover {
color: #52729e;
text-decoration: underline;
}
e Valide!

Até mais.
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: Efeito no link

Mensagem por Convidado em 09/04/13, 03:56 pm

Saudações!

Acenda sua "Folha de estilo CSS"
Painel de controle -> Visualizações -> Imagens e cores -> Cores -> Folha de estilo CSS
Código:
Código:
.maintitle,.maintitle h1{color:#5e5e5e;font-family:TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;line-height:120%;text-decoration:none}.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right{padding:2px 3px}.forumline td.pagination{padding:0}.maintitle h1{display:inline;margin:0;padding:0}.gen{font-size:12px}.genmed{font-size:11px}.gensmall{font-size:10px}.gen,.genmed,.gensmall{color:#5e5e5e}a.gen,a.genmed,a.gensmall{color:#696969;text-decoration:none}a.gen:hover,a.genmed:hover,a.gensmall:hover{color:#52729e;text-decoration:underline}.mainmenu{color:#5e5e5e;font-size:11px}a.mainmenu{color:#696969;text-decoration:none}a.mainmenu:hover{color:#52729e;text-decoration:underline}.cattitle{color:#696969;font-size:12px;font-weight:700;letter-spacing:1px}h1.cattitle{display:inline;margin:0;padding:0}a.cattitle{color:#696969;text-decoration:none}a.cattitle:hover{text-decoration:underline}.forumlink{color:#696969;font-size:12px;font-weight:700}a.forumlink{color:#696969;text-decoration:none}a.forumlink:link{color:#696969}a.forumlink:visited{color:#696969}a.forumlink:active{color:#696969}a.forumlink:hover{color:#52729e;text-decoration:underline}
e Validar.

Até Piscada

Convidado
Convidado


Resolvido Re: Efeito no link

Mensagem por Sensei Animê em 09/04/13, 04:18 pm

Obrigado, podem fechar!
avatar

Sensei Animê
Nível 8

Masculino
Inscrito dia : 04/07/2011
Mensagens : 129
Pontos Ativos : 195

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