Groep stijl op legend: glitter, pictogram & glow

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Groep stijl op legend: glitter, pictogram & glow

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

Groep stijlen op legend: glitter, pictogram & glow


Deze tutorial werkt voor alle versies:
Er is een eenvoudige methode om de legende namen in glitter te maken, een icon eraan toevoegen, of een schaduw te geven.

Belangrijk: Als je de groepsnamen wilt decoreren in de legende dan heb je alleen de url's van
de groepen nodig en moet 'de groepskleur weergeven' aangevinkt staan. Hoe je dit allemaal doet om het te laten werken zie je hieronder.

1. Stijl 1:


Legend:

1. Eerst heb je een glitter foto nodig, Voorbeeld

2.Klik op de groep en kopieer de url, (Voorbeeld https://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("https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

2. Stijl 2:




1.Maak een icon om die aan jouw groep toe te voegen

2.Klik op de groep en kopieer de url, (Voorbeeld https://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 van deze.
Code:
a[href="/g387-forumotion-administrators"] {
    background: url("https://illiweb.com/fa/admin/couronne.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

3. 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 https://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.
avatar

Gideon.
Medaille Forumlid

Man Aantal berichten : 224
Geboortedatum : 02-11-97
Leeftijd : 20
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