Ir para conteúdo
Fórum Script Brasil
  • 0

Links Na Mesma Pagina Com Cor Diferente


alexcg

Pergunta

Como que eu faço para colocar dois links na mesma janela com cores (style) diferente?

por exemplo:

link1

a:visited{color:#666666}

a:link{color:#666666}

link2

a:visited{color:#FF0066}

a:link{color:#FF0066}

tem como? quando eu uso isso um tende a prevalecer e os dois links ficam da mesma cor.

obrigado

Alex

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Use css.

Faz assim:

Cria um arquivo no bloco de notas, cola esse codigo lá. Em seguida salva como "estilo.css":

.link01 {

font-family: Arial, Helvetica;

font-size: 13px;

color: #ff0000;

text-decoration:none;

}

a.link01:hover {

font-family: Arial, Helvetica;

font-size: 13px;

color: #00CC00;

text-decoration:none;

}

.link02 {

font-family: Arial, Helvetica;

font-size: 13px;

color: #0000ff;

text-decoration:none;

}

a.link02:hover {

font-family: Arial, Helvetica;

font-size: 13px;

color: #999999;

text-decoration:none;

}

Note que o código acima refere-se a duas classes (link01 e link02) sendo que cada classe divide-se em duas partes: Estático e Ativo. Ex.: O ".link01" é a forma que o link irá aparecer na tela, o "a.link01:hover" é como o link aparecerá quando o mouse passa por cima.

No html, entre as tags <head></head> cola a linha abaixo:

<link rel="stylesheet" href="estilo.css">

\\ essa linha faz um link com o arquivo "estilo.css"

e entre as tags <body></body> cola o codigo abaixo:

<a class="link01" href="#">texto do link 01</a><br>

<a class="link02" href="#">texto do link 02</a>

IMPORTANTE! O arquivo "estilo.css" deve ficar no mesmo diretório onde encontra-se o arquivo "html".

Pronto, veja no navegador.

Falou.

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...