7 replies to this topic

[horus]

olá, preciso de uma coisa bem simples, fazer um menu, que quando passa o mouse em cima da palavra troque de cor, porem cada link uma cor diferente. mas todos com a mesma formatação de letra "css"

[Alex Hiroshi]

Use css para isso, com uma classe para cada link
http://forum.wmonlin...howtopic=113305

[horus]

Então velho .. o a:houver já esta funcionando, só que preciso que mude de cor a cada link, home(verde),equipamentos(vermelho).

estou no aguardo das sábias respostas

obrigado

[Paulo Freitas]

Então velho .. o a:houver já esta funcionando, só que preciso que mude de cor a cada link, home(verde),equipamentos(vermelho).

estou no aguardo das sábias respostas

obrigado

Então meu caro, ele disse para tu criar uma classe para cada um ...

Exemplo:

<style type="text/css">

.geral
{
  color: #000;
}

.vermelho
{
  color: #F00;
}

.verde
{
  color: #0F0;

.azul
{
  color: #00F;
}

</style>

<a class="geral" onmouseover="this.className = 'vermelho';" onmouseout="this.className = 'geral';" href="./vermelho.htm">Vermelho</a>

<a class="geral" onmouseover="this.className = 'verde';" onmouseout="this.className = 'geral';" href="./verde.htm">Verde</a>

<a class="geral" onmouseover="this.className = 'azul';" onmouseout="this.className = 'geral';" href="./azul.htm">Azul</a>

PS: Se eu não errei em nada tá funcionando ...

[]’s Até mais

[Alex Hiroshi]

Funcionar, funciona.. mas não é melhor usar class="nome_da_classe" ??? é mais prático que ficar usando onmouseover e onmouseout

[JulioGreff]

A.classe:hover{...}
A.classe2:hover{...}

Não sei se funciona direito...

[Paulo Freitas]

Funcionar, funciona.. mas não é melhor usar class="nome_da_classe" ???    é mais prático que ficar usando onmouseover e onmouseout 

Sim sim, muito mais prático. Confesso, que mancada minha, fui dar justo o exemplo menos prático, que atitude loser de minha parte ...

Arrumei ...

<style type="text/css">

a
{
  color: #000;
}

a.vermelho:hover
{
  color: #F00;
}

a.verde:hover
{
  color: #0F0;
}

a.azul:hover
{
  color: #00F;
}

</style>

<a class="vermelho" href="./vermelho.htm">Vermelho</a>

<a class="verde" href="./verde.htm">Verde</a>

<a class="azul" href="./azul.htm">Azul</a>

[]’s Até mais

[horus]

Velho muito obrigado nossa eu sabia que era fácil, mais estava esquecendo do this na frente do nome da classe,

valeu mesmo caras ajudaram mesmo..

valeu até