Code

Hey mensjes,
Ben ik weer met een vraag:
Op mijn forum in het portal wou ik de Admins in zo'n kadertje zetten (ik weet hoe dat moet), maar dan zeg maar de plaatjes en als je met je muis eroverheen gaat dat je dan de rang ziet.
Iemand enig idee hoe dit moet?
Alvast bedankt,

Emmeline

Edit by BYG: Op aanvraag van de administrator van WarriorCatsnl.com is de afbeelding verwijderd wegens het schenden van auteurs/copyright rechten

Dit is niet zo moeilijk.
Ik zal even de code in elkaar zetten en dan hier plaatsen ^^.

Het is misschien niet helemaal precies zoals WC, en dat is ook niet de bedoeling, maar ik heb een code in elkaar gezet. Dit is met 4 vakjes - wil je de 8 vakjes dan kun je door alle 4 de vakjes van de eerste "< tr >" tot de allerlaatste "< / tr >" [Deze zijn na < table > en voor < / table > te vinden - alles in de code is zonder spaties] te selecteren en achter de allerlaatste "< / tr >" en voor de "< / table >" te plaatsen.
Het kan er dan als volgt uit zien.

Rang Naam Rang Naam Rang Naam Rang Naam

OF

Rang Naam Rang Naam Rang Naam Rang Naam Rang Naam Rang Naam Rang Naam Rang Naam

DE CODE VOOR 4 TEAMLEDEN IS:

Code:

<style type="text/css">.infohover {opacity: 0; padding-top: 0px;  transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;  -webkit-transition: opacity .5s ease-in-out; }.infohover:hover {opacity: 0.8; padding-top: 0px; transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;  -webkit-transition: opacity .5s ease-in-out; }</style><center><table><tr><td><div style="width: 71px; height: 75px; padding: 2px; background-color: none; border: 0px solid #8f8e8c;"><div style="width: 71px; height: 75px; background-image: url(http://placehold.it/71x75); background-position: center; margin-top: 0px;"><div class="infohover"><div style="width: 67px; height: 71px; padding: 2px; background-color: #ffffff; position: relative; top: 0px; opacity: 0.9;"><div style="width: 63px; height: 67px; font-family: arial; color: #000000; font-size: 9px; text-transform: uppercase; font-weight: lighter; text-align: center;"><div style="width: 61px; height: 15px; background-color: #000; padding: 5px; margin-left: -2px; margin-top: 10px; font-family: georgia; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center;">Rang</div>Naam</div></div></div></div></div></td><td><div style="width: 71px; height: 75px; padding: 2px; background-color: none; border: 0px solid #8f8e8c;"><div style="width: 71px; height: 75px; background-image: url(http://placehold.it/71x75); background-position: center; margin-top: 0px;"><div class="infohover"><div style="width: 67px; height: 71px; padding: 2px; background-color: #ffffff; position: relative; top: 0px; opacity: 0.9;"><div style="width: 63px; height: 67px; font-family: arial; color: #000000; font-size: 9px; text-transform: uppercase; font-weight: lighter; text-align: center;"><div style="width: 61px; height: 15px; background-color: #000; padding: 5px; margin-left: -2px; margin-top: 10px; font-family: georgia; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center;">Rang</div>Naam</div></div></div></div></div></td></tr><tr><td><div style="width: 71px; height: 75px; padding: 2px; background-color: none; border: 0px solid #8f8e8c;"><div style="width: 71px; height: 75px; background-image: url(http://placehold.it/71x75); background-position: center; margin-top: 0px;"><div class="infohover"><div style="width: 67px; height: 71px; padding: 2px; background-color: #ffffff; position: relative; top: 0px; opacity: 0.9;"><div style="width: 63px; height: 67px; font-family: arial; color: #000000; font-size: 9px; text-transform: uppercase; font-weight: lighter; text-align: center;"><div style="width: 61px; height: 15px; background-color: #000; padding: 5px; margin-left: -2px; margin-top: 10px; font-family: georgia; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center;">Rang</div>Naam</div></div></div></div></div></td><td><div style="width: 71px; height: 75px; padding: 2px; background-color: none; border: 0px solid #8f8e8c;"><div style="width: 71px; height: 75px; background-image: url(http://placehold.it/71x75); background-position: center; margin-top: 0px;"><div class="infohover"><div style="width: 67px; height: 71px; padding: 2px; background-color: #ffffff; position: relative; top: 0px; opacity: 0.9;"><div style="width: 63px; height: 67px; font-family: arial; color: #000000; font-size: 9px; text-transform: uppercase; font-weight: lighter; text-align: center;"><div style="width: 61px; height: 15px; background-color: #000; padding: 5px; margin-left: -2px; margin-top: 10px; font-family: georgia; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center;">Rang</div>Naam</div></div></div></div></div></td></tr></table></center>

Als uw aanvraag opgelost is, gelieve dan het topic als opgelost te markeren! Hoe doe ik dit? Klik hier

Het is gelukt. Heel erg bedankt voor de code c: