[Tutorial] FontAwesome Forum Icons

[Cornel Iulian 160]

FontAwesome Forum Icons

Deci, acest lucru este pentru a obține pictogramele pe forum ca în prezent. Aveți nevoie de cel puțin câteva cunoștințe in css & html să puteți folosi instrumentele de dezvoltare ale google / firefox.

Obținerea ID-urilor:
Forumului Pentru ca aceasta să funcționeze la toate, trebuie să cunoașteți ID-ul forumului pe care doriți să îl modificați. Puteți găsi acestea făcând clic pe ele și verificând atributul data-forumid:

De asemenea, puteți vedea ID-ul forumului dacă editați forumul în cp admin, la sfârșitul adresei URL:

Adăugarea unui cod de șablon

Accesați tema și deschideți următorul șablon: forums > front > index > forumRow

La sfârșitul fiecărui exemplu de interval cu clasa ipsItemStatus:

<span class='ipsItemStatus

You will need to add this little bit of code before the closing ">".

data-forumID="{$forum->_id}"

Pe temele implicite care sunt linii 12, 16, 20 și 28. Se va arăta astfel:

Adăugare CSS:

Aici veți avea nevoie de numerele dvs. de identificare pentru forum. Deschideți custom.css și adăugați următorul cod:

/* ==========================================================================
FORUM ICONS
========================================================================== */
/*== [Category Name] ==*/
span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" }

Va trebui să schimbați numerele aici cu propriile coduri de forum. Puteți copia / lipi aceste linii pentru fiecare forum pe care îl aveți, motivul pentru care adaug numele de categorii drept comentarii este pentru că în viitor, în cazul în care modificările de lucruri nu voi pierde urmări care categorie este care.

Modificați "\f015" cu orice pictogramă FontAwesome doriți. Accesați http://fontawesome.io/icons/ și faceți clic pe pictograma dorită pentru forumul dvs., de exemplu "acasă". Copiați partea "unicode" și o înlocuiți în css. Păstrați coloana vertebrală "\" acolo.

Dacă aveți pictogramele forumului setate ca imagini în prezent, va trebui să le eliminați.

Și asta e, acum veți avea pictograme personalizabile pentru forumuri.