Oplichtende plaatjes etc.

Hooi, ik had op het forum warriorcats gezien bij allegiances dat als je eerst op een clanplaatje klikt (zo'n kattenhoofd achtig iets) en dan met je cursor over het plaatje van een van de hoge rangen gaat dat het plaatje oplicht.

En bij affilaties helemaal onderaan de pagina als je met je cursor dan over zo'n plaatje gaat komt er een stippellijntje onder.

Ik wil dit graag op mijn eigen forum ook toepassen maar ik weet de code hier niet voor.
Als je die weet zou ik die graag ook willen weten


mvg Lizle

*ik kan geen links plaatsen dus om de site van WC te zien met je nederlandse warrior cats RPG op google intikken dan zie je hem wel vanzelf

Welke wil je precies? Allebei of perse een van de twee ^^ ?
Beiden hebben ongeveer dezelfde code, maar de details zijn anders. Dus is het handiger als ik precies weet wat je wilt (;

Het liefste allebei, ik weet namenlijk neit wat beter past bij mijn forum c:

Dus je wilt dat ze oplichten en een streepje eronder krijgen in een?
Dus niet alleen oplichten of alleen een streepje eronder?

Ik bedoel de code van alleen oplichten
En de code van alleen een streep eronder c:

Oké, om dit klaar te spelen moet je zowel iets bij CSS invoeren als bij de HTML
Bij de CSS code voer je dit in:
Oplichting

Code:

.oplichting {
opacity: 0.5;
}

.oplichting:hover {
opacity: 1.0;
}

Streep eronder

Code:

.streep {
padding: 0px;
}

.streep:hover {
border-bottom: 1px dashed black;
padding-bottom: 1px;
padding: 0px;
}

Vervolgens ga je kijken naar de plaatjes waarbij je dit wilt toepassen. De HTML code voor een plaatje is <img src="URL HIER">
Wat we nu toevoegen aan die code is dit: <img src="URL HIER" class="CLASS HIER">
Onder class verstaan we: oplichting en streep.
Je hebt in principe zelf classes gemaakt en koppelt die nu aan de plaatjes naar keuze ^^
Hopelijk is mijn uitleg een beetje duidelijk (; ?

PS; Misschien moet je HTML eventjes uitzetten om mijn post correct te zien wat de HTML codes betreft, of je quote mijn bericht eventjes om het goed te kunnen lezen.

Code:

<img src="URL HIER" class="CLASS HIER">

waar moetbdit dan staan in de code?

Nou, waar wil je de plaatjes hebben (; ?

Nee ik bedoel waar die code moet staan in die andere code op welke plek ?

Oké, nu snap ik je niet meer.
CSS of HTML ;p ?