Buttons

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Buttons

Bericht van Gideon. op wo 18 sep 2013 - 17:12

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


Laatst aangepast door Oussi op wo 18 sep 2013 - 18:42; in totaal 1 keer bewerkt
avatar

Gideon.
Medaille Forumlid

Man Aantal berichten : 228
Geboortedatum : 02-11-97
Leeftijd : 20
Registratiedatum : 16-06-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://poketag.forumactie.com
Gideon. is bedankt door de starter van dit topic.

Opgeloste Topic Re: Buttons

Bericht van Joost op wo 18 sep 2013 - 18:30

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;
}



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon
avatar

Joost
Beheerder
Beheerder

Man Aantal berichten : 4417
Geboortedatum : 23-10-91
Leeftijd : 26
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken https://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.
  • 0

Opgeloste Topic Re: Buttons

Bericht van 10spetter10 op wo 18 sep 2013 - 18:33

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).


Laatst aangepast door 10spetter10 op wo 18 sep 2013 - 18:34; in totaal 1 keer bewerkt (Reden van aanpassing : whoops joost had ook al een antwoord :s)
avatar

10spetter10
Medaille Forumlid

Man Aantal berichten : 1267
Geboortedatum : 21-04-97
Leeftijd : 21
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Buttons

Bericht van Gideon. op wo 18 sep 2013 - 18:42

Erg bedankt allebei het werkt Smile
avatar

Gideon.
Medaille Forumlid

Man Aantal berichten : 228
Geboortedatum : 02-11-97
Leeftijd : 20
Registratiedatum : 16-06-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://poketag.forumactie.com
Gideon. is bedankt door de starter van dit topic.

Opgeloste Topic Re: Buttons

Bericht van Joost op wo 18 sep 2013 - 18:45

Aanvraag opgelost en gesloten.



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon
avatar

Joost
Beheerder
Beheerder

Man Aantal berichten : 4417
Geboortedatum : 23-10-91
Leeftijd : 26
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken https://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum