Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>


Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>

Conectare

Personalizarea legendei grupurilor: efect sclipire, icon si stra

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
Tag 3 pe      Grupur11

Pasul {#}2{/#} - personalizarea

Navigam in foaia de stil CSS...
Tag 3 pe      Go-jum10Panou de administrare Tag 3 pe      Arrow10 Afisare Tag 3 pe      Arrow10 Tag 3 pe      Images_couleurs Imagini si culori Tag 3 pe      Arrow10 Culori Tag 3 pe      Arrow10 Foaie de stil CSS

.... si adaugam codul efectului dorit, completand cu terminatia link-ului obtinuta de mai sus:
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;
}


Tag 3 pe      34q4cnc

Succes! Noroc