Iconite in fata numelui

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; }

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 !

Bună seara,

@Emma90, încearcă varianta specificată aici: https://help.forumgratuit.ro/t53708-iconi539e-inaintea-numelui#376158

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