Buttons

Hoi,
Hoe kan ik er voor zorgen
dat als je je muis over een
button gaat dat dat een kleur geeft
als je me begrijpt, een voorbeeld is de ondersteunings-forum
Alvast bedankt

Zet deze code in je CSS dit doe je zo:

Beheerderspaneel > Display > Kleuren > Cascading Style Sheet

En daar plak je deze code in:

Code:

a.mainmenu img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
a.mainmenu img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

Je moet hiervoor de hover selector gebruiken, voorbeeldje:

ga over mij

Code:

<a href="#" class="test-button">ga over mij</a>

---- de css ---

.test-button{
padding: 3px;
background: #ff0000;
color: black !important;
}
.test-button:hover{
background: #ffff00;
}

In mijn voorbeeld heb ik het dus met een link gedaan (a-element) ik heb hem de class 'test-button' meegegeven, hierdoor kan ik hem dmv de css gaan opmaken. Eerst roep ik mijn element aan door zijn naam te roepen, dit doe ik doordat ik zijn naam in een class zette door er een . voor te zetten, daarna zet ik een open accolade { en geef ik de codes voor de opmaak.

Wanneer je de opmaak wilt laten veranderen roep je de naam zoals je anders doet maar zet je er :hover achter, dit betekent dat het een andere opmaak moet hebben wanneer je er met je muis over gaat. Weer open je een accolade en kies je de opmaak die dan van toepassing moet zijn.

Naast de hover zijn er ook nog een paar andere selectors die actief zijn wanneer je bv klikt(:active), of wanneer je het al eens aangeklikt hebt(:visited).

Erg bedankt allebei het werkt