Efeito no link

2 participantes

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

Tópico resolvido Efeito no link

Mensagem por Sensei Animê 09.04.13 19:46

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 20:18, editado 1 vez(es)
Sensei Animê

Sensei Animê
***

Membro desde : 04/07/2011
Mensagens : 129
Pontos : 195

http://foreverrebirth.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito no link

Mensagem por BrunoH. 09.04.13 19:50

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no link

Mensagem por Convidado 09.04.13 19:56

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no link

Mensagem por Sensei Animê 09.04.13 20:18

Obrigado, podem fechar!
Sensei Animê

Sensei Animê
***

Membro desde : 04/07/2011
Mensagens : 129
Pontos : 195

http://foreverrebirth.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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