Bine a-ti venit pe fraNNNta-Design


Personalizarea legendei grupurilor: efect sclipire, icon si stra
mihai OnlineOffline
Rank: Membru
mihai
Respect : 100%
Mesaje : 582
Inscris : 21/02/2016
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
Personalizarea legendei grupurilor: efect sclipire, icon si stra Grupur11

Pasul #2 - personalizarea

Navigam in foaia de stil CSS...
Personalizarea legendei grupurilor: efect sclipire, icon si stra Go-jum10Panou de administrare Personalizarea legendei grupurilor: efect sclipire, icon si stra Arrow10 Afisare Personalizarea legendei grupurilor: efect sclipire, icon si stra Arrow10 Personalizarea legendei grupurilor: efect sclipire, icon si stra Images_couleurs Imagini si culori Personalizarea legendei grupurilor: efect sclipire, icon si stra Arrow10 Culori Personalizarea legendei grupurilor: efect sclipire, icon si stra 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;
}

Personalizarea legendei grupurilor: efect sclipire, icon si stra 34q4cnc

Succes! Noroc



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Vin Sept 25, 2020 9:13 am