Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Code

2 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Code

Bericht van Emmeline 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

Terug naar boven Terug naar beneden

Emmeline

Emmeline
Forumlid

Vrouw
Berichten : 60
Registratie : 19-10-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://newhope.actieforum.com



Emmeline is bedankt door de starter van dit topic.

Opgeloste Topic Re: Code

Bericht van Gast vr 18 apr 2014 - 7:52

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

Terug naar boven Terug naar beneden

Anonymous

Gast
Gast






Gast is bedankt door de starter van dit topic.

Opgeloste Topic Re: Code

Bericht van Gast 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

Terug naar boven Terug naar beneden

Anonymous

Gast
Gast






Gast is bedankt door de starter van dit topic.

Opgeloste Topic Re: Code

Bericht van Emmeline di 22 apr 2014 - 20:47

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

Terug naar boven Terug naar beneden

Emmeline

Emmeline
Forumlid

Vrouw
Berichten : 60
Registratie : 19-10-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://newhope.actieforum.com



Emmeline is bedankt door de starter van dit topic.

Opgeloste Topic Re: Code

Bericht van Joost wo 23 apr 2014 - 11:43

Aanvraag opgelost en gesloten.


Code 121910
Forum Tools | Tutorials | Stijl aanvraag | Forumpromotie goedkeuring | Wachtwoord vergeten?
Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon Code 210610



Code PiUYHC2 Facebook

Terug naar boven Terug naar beneden

Joost

Joost
Beheerder
Beheerder

Man
Berichten : 5895
Leeftijd : 33
Registratie : 31-08-07
Oprichter : Ja
Templates : Ja
CSS : Ja

1000 berichten of meer zijn als leuk gemarkeerd
Wanneer je 1000 of meer likes op je berichten krijgt
Lid sinds +15 jaar
U bent al meer dan 15 jaar lid
Medewerker award
Je verdient deze award als je medewerker bent van Actieforum
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://ondersteun.actieforum.com/



Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven

- Soortgelijke onderwerpen

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