Ten poradnik pokaże Ci, jak zmienić standardowe obrazki pokazujące aktywność działu.

1 Implementacja Font-Awesome


Pomiń ten krok, jeśli posiadasz już odniesienie do FA! 

Przejdź do ACP -> Szablony -> Nagłówek -> headerinclude 
Pod {$stylesheets} dodaj:

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>


Może się zdarzyć, że nie znajdziesz tego szablonu w sekcji Nagłówek, wtedy udaj się na sam dół listy, do Niezgrupowane szablony 

2 Edycja szablonów - dodanie ikony FA


Przejdź do ACP -> Szablony -> Opis działu ->  forumbit_depth2_forum
Zamień:

<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>


na:

<div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read ficons_{$forum['fid']}" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-comments"></i></div>



Przejdź do ACP -> Szablony -> Nazwa_szablonu -> Opis działu ->  forumbit_depth2_cat
 Zamień:  
 

 <span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>  

 

 na:  
 

 <div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read ficons_{$forum['fid']}" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-comments"></i></div>

3 Edycja arkuszy CSS - dodanie ikony FA


Przejdź do ACP -> Style -> Nazwa_stylu -> global.css
Zamień:

.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
display: inline-block;
}

.forum_on {
background-position: 0 0;
}

.forum_off {
background-position: 0 -30px;
}

.forum_offlock {
background-position: 0 -60px;
}

.forum_offlink {
background-position: 0 -90px;
}

na:

.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
color: #0094d1;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #333;
}

.forum_off i {
opacity: .4;
}

.forum_offlock i:before {
content: "\f023";
}

.forum_offlink i:before {
content: "\f0c1";
}

4 Stworzenie arkusza CSS


Przejdź do ACP ->Style -> Twój_styl -> Nowy arkusz CSS
  • Nazwa pliku: ficons.css
  • Dołączane do: Do wszystkich
  • Wpisz podaną przeze mnie zawartość:

.ficons_2 i:before {
content: "\f0f5";
}


Aby znaleźć "numer działu", wejdź do ACP -> Działy i posty -> Przykładowy_dział, w pasku linku (na końcu) po &fid= znajduje się pewna liczba, to ją trzeba wkleić po .ficons_

Aby zmienić ikonkę FA, przejdź na stronę FontAwesome - kliknij tutaj; Kliknij na interesujący Cię obrazek; Pod wielkimi obrazkami tej ikony znajduje się sekcja Unicode - skopiuj kod znajdujący się obok niej, po dwukropku, np. f2cd a następnie wklej po znaku \ 

5 Zmiana ikon poddziałów


Przejdź do ACP -> Style -> Twój_styl -> global.css
Zamień:

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
background-position: 0 0;
}

.subforum_minioff {
background-position: 0 -10px;
}

.subforum_miniofflock {
background-position: 0 -20px;
}

.subforum_miniofflink {
background-position: 0 -30px;
}

na:

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
  margin: 0 5px;
}

.subforum_minion {
color: #333;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
color: #333;
}

.subforum_minioff {
opacity: .4;
}

.subforum_miniofflock i:before {
content: "\f023";
}

.subforum_miniofflink i:before {
content: "\f0c1";
}


Przejdź do ACP -> Szablony -> Twój_szablon -> Opis działu -> forumbit_depth3_statusicon
Zamień:

<div title="{$lightbulb['altonoff']}" class="subforumicon subforum_{$lightbulb['folder']} ajax_mark_read" id="mark_read_{$forum['fid']}"></div>

na:

<div title="{$lightbulb['altonoff']}" class="subforumicon subforum_{$lightbulb['folder']} ajax_mark_read" id="mark_read_{$forum['fid']}"><i class="fa fa-comment"></i></div>


Źródło: https://community.mybb.com/thread-156711.html
Moja oferta - pomoc przy tworzeniu i edycji stron i forum MyBB.
Pomogę prywatnie rozwiązać problem, za naprawdę niewielką opłatą. :)
Poradnik - Jak zbadać element na stronie?