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.

Groep stijl op legend: glitter, pictogram & glow

Vorige onderwerp Volgende onderwerp Go down

Groep stijl op legend: glitter, pictogram & glow

Bericht van Gideon. op vr 27 sep 2013 - 22:35

Groep stijl op legend: glitter, pictogram & glow


Hoi iedereen,
ik heb hier een nieuwe Tutorial Smile.
Deze tutorial werkt voor alle versies:
Er is een eenvoudige methode om de legende in gliter te maken,
een achtergrond er bijvoegen, en een schaduw

Belangrijk: Als je besluit de forum te gebruiken heb je alleen de url's van
de groepen nodig. Hoe je dit allemaal doet zie je verder om het te laten werken.

Stijl 1:


1. Eers heb je een glitter foto nodig, Voorbeeld

2.Klik op de groep en kopieer de url, (Voorbeeld http://ondersteun.actieforum.com/g11-actieforum-beheerders)
Je hebt alleen  /g11-actieforum-beheerders nodig.

3. Voeg deze CSS code toe, En je moet ook Jouw url gebruiken in de plaats deze.
Code:
a[href="/g387-forumotion-administrators"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
Stijl 2:


1.Maak een icon om het bij jouw groep toe te voegen

2.Klik op de groep en kopieer de url, (Voorbeeld http://ondersteun.actieforum.com/g11-actieforum-beheerders)
Je hebt alleen  /g11-actieforum-beheerders nodig.

3.Voeg deze CSS code toe, En je moet ook Jouw url gebruiken in de plaats deze.
Code:
a[href="/g387-forumotion-administrators"] {
    background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
Stijl 3:


1.Maak een schaduw door middel van http://www.css3maker.com/.
Kies de optie Text Schadows en maak jouw schaduw en dan krijg je een code Voorbeeld:
Code:
text-shadow:0px 2px 13px #f5a911;
2.Klik op de groep en kopieer de url, (Voorbeeld http://ondersteun.actieforum.com/g11-actieforum-beheerders)
Je hebt alleen  /g11-actieforum-beheerders nodig.

3.Voeg deze CSS code toe, En je moet ook Jouw url gebruiken in de plaats deze.
Code:
a[href="/g387-forumotion-administrators"] {
    text-shadow: 0px 2px 6px #f5a911;
}
Dat was het voor deze tutorial. Bedankt voor jouw aandacht.

Gideon.
Medaille Forumlid
Medaille Forumlid

Oud Ontwerper

Man Aantal berichten : 229
Leeftijd : 19
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.

Vorige onderwerp Volgende onderwerp Terug naar boven


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