Iconițe înaintea numelui

cum pot face și eu așa?

mă refer la acel icon, nu culoarea gradului .

Bună ziua,

Acel icon este defapt un font, aveţi un tutorial legat de font awensome aici: https://help.forumgratuit.ro/t52287-cum-se-instaleaza-si-se-utilizeaza-font-awesome?highlight=font+awensome

Bună dimineața, 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

Vad ca vrei codul meu ? ))

Poftim :

Cod:

span[style="color:#527A8C"]:before, [style="color:#527A8C"]:before { content: "\f110"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#0A7D99"]:before, [style="color:#0A7D99"]:before { content: "\f006"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#787DEA"]:before, [style="color:#787DEA"]:before { content: "\f1fc"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#0085F7"]:before, [style="color:#0085F7"]:before { content: "\f1cd"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#68B800"]:before, [style="color:#68B800"]:before { content: "\f0ad"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }
span[style="color:#E86C0D"]:before, [style="color:#E86C0D"]:before { content: "\f085"; padding-right: 3px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }

Asta e legenda (iconturile) de la mine dp forum tu doar editezi aceea culoare cu culoarea gradu-lui .