Disponibil pentru toate versiunile de forum !
Doriti sa va personalizati legenda grupurilor? Ei bine, tutorialul acesta va ofera 3 moduri diferite de a o personaliza!
Pasul #1 - link-ul grupului
Ca prim pas in tutorialul nostru, intram pe pagina grupului dorit sa fie personalizat (de exemplu http://help.forumgratuit.ro/g13-administratori ), si din bara de adrese, copiem doar terminatia link-ului, in acest exemplu
Pasul #2 - personalizarea
Navigam in foaia de stil CSS...
.... si adaugam codul efectului dorit, completand cu terminatia link-ului obtinuta de mai sus:
Exemplu:
Legenda : [ Administratori ]
Cod CSS:
Puteti inlocui imaginea aceasta https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif cu orice alta imagine .gif (animata) cu diferite efecte de sclipire.
Efectul #2 - icon in dreptul grupului
Exemplu:
Legenda : [ Administratori ]
Cod CSS:
Puteti inlocui imaginea aceasta https://2img.net/i/fa/admin/couronne.png cu orice mini-icon de maxim 18x18px.
Efectul #3 - stralucire
Exemplu:
Legenda : [ Administratori ]
Daca nu aveti experienta in CSS, si nu stiti cum sa creati o umbra, puteti folosi generatorul de aici: http://www.css3maker.com/text-shadow.html
Acesta va va furniza un cod (in coloana dreapta, sus) de genul acesta:
Dumneavoastra o sa trebuiasca doar sa adaugati codul generat intre acolade:
Cod CSS:
EXEMPLU:
Succes!
Doriti sa va personalizati legenda grupurilor? Ei bine, tutorialul acesta va ofera 3 moduri diferite de a o personaliza!
Pasul #1 - link-ul grupului
Ca prim pas in tutorialul nostru, intram pe pagina grupului dorit sa fie personalizat (de exemplu http://help.forumgratuit.ro/g13-administratori ), si din bara de adrese, copiem doar terminatia link-ului, in acest exemplu
Pasul #2 - personalizarea
Navigam in foaia de stil CSS...
Panou de administrare Afisare Imagini si culori Culori Foaie de stil CSS |
Exemplu:
Legenda : [ Administratori ]
Cod CSS:
Cod:
a[href="TERMINATIE LINK GRUP"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
Puteti inlocui imaginea aceasta https://i.servimg.com/u/f45/15/95/60/34/glitte10.gif cu orice alta imagine .gif (animata) cu diferite efecte de sclipire.
Efectul #2 - icon in dreptul grupului
Exemplu:
Legenda : [ Administratori ]
Cod CSS:
Cod:
a[href="TERMINATIE LINK GRUP"] {
background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
Puteti inlocui imaginea aceasta https://2img.net/i/fa/admin/couronne.png cu orice mini-icon de maxim 18x18px.
Efectul #3 - stralucire
Exemplu:
Legenda : [ Administratori ]
Daca nu aveti experienta in CSS, si nu stiti cum sa creati o umbra, puteti folosi generatorul de aici: http://www.css3maker.com/text-shadow.html
Acesta va va furniza un cod (in coloana dreapta, sus) de genul acesta:
Cod:
text-shadow:0px 2px 13px #f5a911;
Dumneavoastra o sa trebuiasca doar sa adaugati codul generat intre acolade:
Cod CSS:
Cod:
a[href="TERMINATIE LINK GRUP"] {
AICI TRECETI CODUL LUAT DIN GENERATOR
}
EXEMPLU:
Cod:
a[href="TERMINATIE LINK GRUP"] {
text-shadow:0px 2px 13px #f5a911;
}
Succes!