Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Code

Vorige onderwerp Volgende onderwerp Go down

Code

Bericht van Emmeline op wo 16 apr 2014 - 17:58

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


Laatst aangepast door Emmeline op di 22 apr 2014 - 20:47; in totaal 1 keer bewerkt

Emmeline
Forumlid

Vrouw Aantal berichten : 63
Registratiedatum : 19-10-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://newhope.actieforum.com
Emmeline is bedankt door de starter van dit topic.

Re: Code

Bericht van Gast op vr 18 apr 2014 - 7:52

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

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Code

Bericht van Gast op za 19 apr 2014 - 10:40

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

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Code

Bericht van Emmeline op di 22 apr 2014 - 20:47

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

Emmeline
Forumlid

Vrouw Aantal berichten : 63
Registratiedatum : 19-10-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://newhope.actieforum.com
Emmeline is bedankt door de starter van dit topic.

Re: Code

Bericht van Joost op wo 23 apr 2014 - 11:43

Aanvraag opgelost en gesloten.



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

Joost
Beheerder
Beheerder

Man Aantal berichten : 4067
Leeftijd : 24
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://hpmagicworld.actieforum.com/ http://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