Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jnejunior

CSS --> em links !!!

Por , em Javascript

Recommended Posts

jnejunior    1

jnejunior
Postado

Pessoal, to precisando saber como fazer dois estilos de links distintos, e esses dois estilos precisam contem todos os estados de um link normal.

 

ou seja:

 

a:link

a:visited

a:hover

a:active

 

entenderam.

 

 

valeu

 

 

http://forum.imasters.com.br/public/style_emoticons/default/ninja.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Martinelli    0

Martinelli
Postado

você pode fazer assim:

 

.estilo1:link {}

.estilo1:visited {}

.estilo1:hover {}

.estilo1:active {}

 

.estilo2:link {}

.estilo2:visited {}

.estilo2:hover {}

.estilo2:active {}

 

<a href="#" class="estilo1">LINK DO ESTILO 1</a>

<a href="#" class="estilo2">LINK DO ESTILO 2</a>

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Entrando no meio, veja o meu site, ele tem isso ai que foi respondido!

http://www.sitenovo.tk

O menu, é um .css, la no rodape, é outro, no decorer da navegação, você vera outro diferente... e por ai vai...

Aqui, se você fizer busca, esta cheio de sites c/ isso ai que deseja!

 

 

[]s

Rodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

Martinelli    0

Martinelli
Postado 

<HTML>	<HEAD>  <TITLE> Exemplo de CSS em Links </TITLE>  <STYLE> 	 .estilo1:link {color:#00FF00; text-decoration:none} 	 .estilo1:visited {color:#FF9900} 	 .estilo1:hover {color:#FF0000; text-decoration:underline; font-weight:bold} 	 .estilo1:active {color:#000000}   	 .estilo2:link {color:brown; text-decoration: none} 	 .estilo2:visited {color:green} 	 .estilo2:hover {color:blue; text-decoration: underline overline} 	 .estilo2:active {color:gray}  </STYLE>	</HEAD>	<BODY>  <A HREF="#" CLASS="estilo1">LINK DO ESTILO 1</A>  <A HREF="#" CLASS="estilo2">LINK DO ESTILO 2</A>	</BODY></HTML>

Abre um notepad, cola este código e salve como teste.html.

 

Abra o arquivo salvo e veja o código funcionando.

Daí, é só estudar e usar a criatividade.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado 

<HTML><HEAD> <TITLE> Exemplo de CSS em Links </TITLE> <STYLE>  a.estilo1:link {color:#00FF00; text-decoration:none}  a.estilo1:visited {color:#FF9900}  a.estilo1:hover {color:#FF0000; text-decoration:underline; font-weight:bold}  a.estilo1:active {color:#000000}   a.estilo2:link {color:brown; text-decoration: none}  a.estilo2:visited {color:green}  a.estilo2:hover {color:blue; text-decoration: underline overline}  a.estilo2:active {color:gray} </STYLE></HEAD><BODY> <A HREF="#" CLASS="estilo1">LINK DO ESTILO 1</A> <A HREF="#" CLASS="estilo2">LINK DO ESTILO 2</A></BODY></HTML>

usa esse se não dá erro em alguns navegadores..

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito