Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Personalizarea legendei grupurilor: efect sclipire, icon si stralucire

Forum gratuit: forum de suport al utilizatorilor ::  Despre Forumgratuit ::   :: Tutoriale

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Personalizarea legendei grupurilor: efect sclipire, icon si stralucire

Mesaj Scris de Cosmin. Dum Apr 29, 2012 11:29 pm

Personalizarea legendei grupurilor: efect sclipire, icon si stralucire

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 https://help.forumgratuit.ro/g13-administratori ), si din bara de adrese, copiem doar terminatia link-ului, in acest exemplu /g13-administratori
efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Grupur11

Pasul #2 - personalizarea
Navigam in foaia de stil CSS...
efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Go-jum10Panou de administrare efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Arrow10 Afisare efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Arrow10 efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Images_couleurs Imagini si culori efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Arrow10 Culori efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Arrow10 Foaie de stil CSS
.... si adaugam codul efectului dorit, completand cu terminatia link-ului obtinuta de mai sus:
Efectul #1 - sclipire
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:

efect sclipire - Personalizarea legendei grupurilor: efect sclipire, icon si stralucire Import10ATENTIE:


Succes!  Noroc


Tutorial realizat de Cosmin., actualizat de catre Petronel
Numai bine,
Echipa Forumgratuit
Anonymous

Cosmin.
Vizitator


Cosmin. a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum