[Wanderson Regis]

Como é que eu faço um estilo personalizado para apenas alguns determinados links (em menus por exemplo)?

Tipo no mostruário de opções quando passar por cima fica vermelho, mas nos demais fica amarelo, quero saber principalmente para quando se passa com o mouse por cima pq já sei fazer para outra ocasiões (<DIV CLASS="..."> por exemplo).

[Leonardo_C_P_]

E aê Wanderson, vou te tirar outra duvida.


Você quer mudar a cor do bg do div né ? E quando passa o mouse por cima ?

SE for isto, deve se fazer assim.

Primeiro, nosso css:

CODE

<style>
.campo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
border: 1px solid #006633;
background-color: red;
position: center;
}
.campo2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
border: 1px solid #006633;
background-color: green;
position: center;
}
</style>

Depois, nosso Javascript:

JavaScript

<script> function cor(campo) { campo.className='campo' } function cor2(campo) { campo.className='campo2' } </script>

Agora, na nossa DIV faremos assim:

CODE

<div onmouseover="cor(this)" onmouseout="cor2(this)" class="campo2">
Teste.
</div>

Não sei se deu para entender bem.

Mas no css campo é a configuração da div quando o mouse passar por cima, e o campo2 é quando o mouse estiver fora da div.
Ai no nosso JS, a função cor é a quê pôe a configuração do campo na div, e a função cor2 pôe a configuração do campo2 na div.
E no div, chama o js de acordo com a configuração da div.
onmouseover = Mouse sobre
onmouseout = mouse fora.

Isso deve te ajudar.


Abraços !

[Firemaster]

Como é que eu faço um estilo personalizado para apenas alguns determinados links (em menus por exemplo)?

Tipo no mostruário de opções quando passar por cima fica vermelho, mas nos demais fica amarelo, quero saber principalmente para quando se passa com o mouse por cima pq já sei fazer para outra ocasiões (<DIV CLASS="..."> por exemplo).

Pode aplicar uma classe diretamente num bloco cheio de links ou em um link somente.

div.X a { /* Estou dizendo que todos os links dentro da div que instancia a classe X vai ter uma característica tal */
color: black;
}

/* ou
a.Y { /* estou dizendo que o link que instanciar a classe Y, vai ter outra característica */

Faça aí e aplica pra ver. Dúvidas, back!

Abraços