[Resolvido] 2 tipos de link no css

[cauetc 0]

Olá! queria pedir desculpas por esse topico nao ser exatamente sobre php mas acredito que poderao me ajudar como nao achei outros foruns....

 

estou trabalhando com class.css para o estilo do site.... queria saber se eh possivel ter 2 opcoes de cores de links 2 a:link, a:visited, a:hover, a:active....

pois uma parte do meu site é preta e outra branca, preciso de links que sao pretos e outros brancos.... se nao conseguir faço em imagens mesmo hehe mas a principio gostaria de saber se é possivel usar alguma tecnica do tipo...

 

obrigado galera!

[juni0r 0]

Olá! queria pedir desculpas por esse topico nao ser exatamente sobre php mas acredito que poderao me ajudar como nao achei outros foruns....

 

estou trabalhando com class.css para o estilo do site.... queria saber se eh possivel ter 2 opcoes de cores de links 2 a:link, a:visited, a:hover, a:active....

pois uma parte do meu site é preta e outra branca, preciso de links que sao pretos e outros brancos.... se nao conseguir faço em imagens mesmo hehe mas a principio gostaria de saber se é possivel usar alguma tecnica do tipo...

 

obrigado galera!

você deveria postar em CSS.

 

Segue exemplo:

 

arquivo class.css:

a.LinkBranco:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkBranco:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.LinkBranco:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkPreto:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.LinkPreto:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
a.LinkPreto:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

Aplicação dos estilos:

<a href="#" class="LinkBranco">linkbranco</a> 
<a href="#" class="LinkPreto">linkpreto</a>

[]´s

[cauetc 0]

beleza cara! mas o q acontece eh o seguinte... quando inicio a paginatodos estao brancos por exemplo... mas quando passo por cima eles nao mudam de cor...

entao eu clico em algum e na pagina seguinte soh muda a cor do que eu cliquei, os outros ainda permanecem brancos...

o class ficou assim por exemplo:

a {
	font-family: Verdana;
	font-size: 10px;
}
a.LinkBranco:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkBranco:hover {
	color: #999;
	text-decoration: none;
}
a.LinkBranco:link {
	color: pink;
	text-decoration: none;
}

o hover é pra qnd passa o mouse em cima certo?? e o active serve pra q?

[Alaerte Gabriel 662]

Senhores, prestem atenção no título de cada fórum, a área aqui é referente a PHP e não CSS, tópico movido.

 

Movido: PHP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif CSS

[juni0r 0]

Isto, o hover é quando passa por cima. É só alterar:

a.LinkBranco:hover {
	color: #ffffff;
	text-decoration: none;
}

[Aprendiz CSS 3]

posta um link do seu problema!

 

abraço

[cauetc 0]

http://flowink.net23.net/TESTES/qualquerart/

olhem soh.. inicialmente o link eh rosa, mas ao passar o mouse ele continua rosa....

quando clicamos nele, a pagina recarrega e ai entao no link clicado, o hover funciona...

o codigoé o digitado acima...

 

 

oq eu faço?

[Aprendiz CSS 3]

inverta a ordem que declarou seu estilo

 

utilize a técnica LoVeHAte

 

que seria

 

a.LinkBranco:link {
	color: pink;
	text-decoration: none;
}
a.LinkBranco:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkBranco:hover {
	color: #999;
	text-decoration: none;
}
a.LinkBranco:active {
	text-decoration: none;
	color: #999;
}

entendeu

 

abraço

[cauetc 0]

com o lovehate deu certo!!! valeu gurizada!