Iconite in fata numelui

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Iconite in fata numelui

Mesaj Scris de Emma90 la data de Joi 8 Iun - 18:19

Salut,

Asi dori sa adaug iconite la nume, luate de pe fontawesome, am gasit acest cod, dar sunt sigură ca trebuie si un js, că altfel îmi amare numele la iconita nu imaginea.

Care este js?
Cod:
 
span[style="color:CULOAREA GRUPULUI LA CARE VREI SA APLICI ICONTIA"]:before, [style="color:CULOAREA GRUPULUI LA CARE VREI SA APLICI ICONITA"]:before { content: "AICI PUNEM CODUL DE PE PRIMUL SITE OPTINUT PRIN FUNCTIA DE CAUTARE"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
avatar
Emma90
Membru Forumgratuit

Mesaje : 70
Varsta : 27
Data înscrierii : 04/05/2017
Multumiri : 0
Niciun avertisment

Vezi profilul utilizatorului http://svdp.yes-da.com/

Sus In jos

Rezolvat Re: Iconite in fata numelui

Mesaj Scris de Lucifer la data de Joi 8 Iun - 18:53

Buna ziua urmaritii pasii de mai jos :

1. Intra-m pe pagina asta : click
2. Ne ducem si ne alegem o iconita de pe site-ul asta
3. Intram in css si adaugam codul de mai jos :
Cod:

span[style="color:CULOAREA GRUPULUI LA CARE VREI SA APLICI ICONTIA"]:before, [style="color:CULOAREA GRUPULUI LA CARE VREI SA APLICI ICONITA"]:before { content: "AICI PUNEM CODUL DE PE PRIMUL SITE OPTINUT PRIN FUNCTIA DE CAUTARE"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }

4. Cum gasim iconita ? Priviti imaginea de mai jos :


Functie de cautare : ctrl+g


Nota : Noi copiem doar unde scrie intre paranteze contet doar /f007 (depinde de iconita)

Rezultat :



Va duceti in Acp - Afisare - General - Overall_Header si cautati {CSS} si adaugati imediat dupa :
Cod:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">


Numai bine ! La revedere
avatar
Lucifer
Asistent
Asistent

Mesaje : 785
Varsta : 15
Localizare : Constanţa
Data înscrierii : 21/05/2016
Multumiri : 101
Niciun avertisment

Vezi profilul utilizatorului https://www.fgdesign.biz/

Sus In jos

Rezolvat Re: Iconite in fata numelui

Mesaj Scris de Zachary la data de Sam 10 Iun - 18:13

Bună seara,

@Emma90, încearcă varianta specificată aici: http://help.forumgratuit.ro/t53708-iconi539e-inaintea-numelui#376158
avatar
Zachary
Membru activ

Mesaje : 2412
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 194
Niciun avertisment

Vezi profilul utilizatorului http://www.forumgratuit.ro

Sus In jos

Rezolvat Re: Iconite in fata numelui

Mesaj Scris de mihai la data de Dum 11 Iun - 17:44

Bună ziua, adăugați acest cod în css-ul de bază a forumului
Cod:
 
span[style="color:#culoare_rang"]:before, [style="color:#culoare_rang"]:before {
    content: "Font Awesome";
    padding-right: 3px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
}

Detalii :

- #culoare_rang adăugați culoarea rang-ului respectiv gen #E86C0D
- înlocuiți Font Awesome cu o iconiță din awesome dar nu sub forma fa-icons ci sub forma unor numere create pentru iconiță fiinda asta \f085.

Mai multe iconițe poți alege aici https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

Să vă dau un exemplu, să zicem că, căutați linia aceasta
Cod:
 
.fa-signal:before {
content:"\f012";
}
adăugați doar ce este în content și va funcționa
avatar
mihai
Membru activ

Mesaje : 839
Varsta : 20
Localizare : Forumgratuit, SSYT Beta Zone
Data înscrierii : 25/09/2014
Multumiri : 68
Niciun avertisment

Vezi profilul utilizatorului https://www.forumgratuit.ro/

Sus In jos

Rezolvat Re: Iconite in fata numelui

Mesaj Scris de Zachary la data de Mier 14 Iun - 13:22

Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat
avatar
Zachary
Membru activ

Mesaje : 2412
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 194
Niciun avertisment

Vezi profilul utilizatorului http://www.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum