Muda Cor Do Link

ldrwebsite · Janeiro 4, 2006

Olá galera é o seguinte, to montando uma página na qual ela possui vários estilos de cores e preciso que os links apresentem cores diferentes por causa das cores de fundo e ao passar o mouse em cima a cor mudasse. Tipo assim, o primeiro link o fundo é preto e o link branco, ao passar o mouse muda pra amarelo, o segundo link o fundo é branco e o link é preto, ao passar o mouse muda pra vermelho. Isso tudo em uma página só.

Eu encontrei um script, mas não adianta pra mim, veja:

<style type="text/css">

</style>

Nele todos os links ficam ao passar o mouse com a cor cinza, sem falar que a cor do link deve ser definido na tag <BODY>.

Se alguém souber uma forma de deixar cada esquema de cor do link independente um do outro, eu agradeço.

danyort · Janeiro 4, 2006

inverte a ordem do a:active e a:hover e veja se funciona.

no caso, fica assim:

<!--

A:link {text-decoration: none;}

A:visited {text-decoration: none;}

A:hover {text-decoration:underline; color=gray}

A:active {text-decoration: none;} -->

</style>

ldrwebsite · Janeiro 4, 2006

Aí cara, não deu certo não. você conhece outro meio?

OSJunior · Janeiro 4, 2006

Tente assim:

<style type="text/css">
<!--
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:hover {text-decoration:underline; bgcolor: #CCCCCC;} 
A:active {text-decoration: none;} 
-->
</style>

fahledu · Janeiro 4, 2006

Seria isso?

<style type="text/css">
  <!--

  a#A:link {text-decoration: none;}
  a#A:visited {text-decoration: none;}
  a#A:active {text-decoration: none;}
  a#A:hover {text-decoration:underline; color=gray}              

A#b:link {text-decoration: none;}
  A#b:visited {text-decoration: none;}
  A#b:active {text-decoration: none;}
  A#b:hover {text-decoration:underline; color=blue}              

-->
  </style>


<a href="#" id="a">teste</a>
<p>
<a href="#" id="b">teste2</a>

Abraços

danyort · Janeiro 4, 2006

Acho que o OSJunior quis dizer que, ao invés de você colocar color=gray, colocar o código haxadecimal da cor, assim: color=#CCCCCC.

ldrwebsite · Janeiro 5, 2006

Valeu fahledu, eu usei o código que você me deu e mudei o seguinte:

style type="text/css">

</style>
<a href="#" id="a">teste</a>
<p>
<a href="#" id="b">teste2</a>

coloquei no A:link a opção color, assim os dois links ficaram com cores diferentes antes de colocar o mouse em cima.

Valeu mesmo irmãozinho. Obrigado também danyort e OSjunior.

Fevereiro 23, 2006

No caso se eu quisesse mudar o fundo da tabela onde esta o menu? Vou exemplificar: http://www.cidadeviva.org/

Valeu desde já!

.Andreia. · Fevereiro 23, 2006

No caso se eu quisesse mudar o fundo da tabela onde esta o menu? Vou exemplificar: http://www.cidadeviva.org/
Valeu desde já!

http://scriptbrasil.com.br/forum/index.php...ndpost&p=295272

Fevereiro 24, 2006

Valeu demais pela dica, mas se ao invés de utilizar o número da cor eu quiser utilizar arquivos de imagem?!

Sou meio leigo no assunto

Agradeço desde já!

fercosmig · Fevereiro 24, 2006

<TD VALIGN="MIDDLE" background="004.jpg" onMouseover="this.background='001.jpg'" onMouseout="this.background='004.jpg'">Teste</TD>

ldrwebsite · Março 7, 2006

Eu uso a linha abaixo para fazer com que a linha de uma tabela funcione como link em uma consulta em ASP, veja:

<tr bgcolor="#ECECEC" style="CURSOR: hand" onClick="window.location='<%=objRS("link")%>'" onMouseover="this.style.background='#D7D7D7'" onMouseout="this.style.background='#ECECEC'">
<td width="110"><center>
<font color="#486992" face="Arial" style="font-size: 9pt"><a href="<%=objRS("link")%>" id="b"><%=objRS("cod")%></a></font></center></td>
<td width="480">
<font color="#000000" face="Arial" style="font-size: 8pt"> <%=objRS("descr")%></font></td>
</tr>

Perceba que ao passar o mouse em cima da linha da tabela a cor muda. E se eu quisesse que além da cor de fundo da linha a cor do texto também mudasse, como eu faria?

fercosmig · Março 7, 2006

this.style.color='#000000'

ldrwebsite · Março 7, 2006

No site da www.charges.com.br é assim, muda o fundo da linha e o texto também.

Entrar

Muda Cor Do Link

Pergunta

Link para o comentário

Compartilhar em outros sites

13 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest Jose Rubens

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest José Rubens

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns