Ikony aktywności działów - Font Awesome

Chciałbym, aby ikonki Font Awesome pokazywały aktywność działu. Szukałem różnych poradników, ale te, które znalazłembyły tylko do różnych ikon dla określonego działu.

Sprobuj nalozyc kolor na fa fa po kliknieciu (chyba o to chodzi).

Co ma kolor wspólnego z aktywnością?
Chodzi mi o to, aby FA zastępował domyślne obrazki pokazujące stan działu

Przeczytany lub nie?

https://community.mybb.com/thread-156711.html

Wyskoczyło po wpisaniu w google: font-awesome mybb.

Teraz to nie ma żadnwj ikonki, a zrobiłem wszystko dokładnie z tego poradnika.
Mam wgrane Font Awesome

W css dodajesz


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


a w html masz:

<span class="forum_status forum_offlock ajax_mark_read" title="Dział jest zablokowany" id="mark_read_2"></span>

Nic dziwnego, że nie działa.

Dodaj to do .forum_offlock:before itp.

W css dodajesz


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


a w html masz:

<span class="forum_status forum_offlock ajax_mark_read" title="Dział jest zablokowany" id="mark_read_2"></span>

Nic dziwnego, że nie działa.

Dodaj to do .forum_offlock:before itp.

Czyli mam zrobić coś takiego?

[color=#000000][size=small][font=Consolas, Monaco, ]<span class="forum_status forum_offlock i:before ajax_mark_read" title="Dział jest zablokowany" id="mark_read_2"></span>[/font][/size][/color]
[color=#000000][size=small][font=Consolas, Monaco, ]

huh?

zamiast dodawać do


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


dodaj do
.forum_offlock:before
czyli


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


i:before zamieniłem na :before lecz nadal nic, pozmieniałem tam, gdzie było i:before, reszte zostawilem

Ale ty masz to robić w css. Z tego co widzę teraz to zmiany wprowadzasz w html

https://i.snag.gy/2bXctI.jpg

Teraz coś się pojawiło z boku

Pojawiło się "coś" bo nie deklarujesz fontu w css.

http://stackoverflow.com/questions/14736...ons-in-css
http://fontawesome.io/cheatsheet/

To "coś" zamieniło się w kłódkę, łał! Sam zobacz jak to wygląda teraz

Skopiowałeś kod nie patrząc nawet na niego. U ciebie nie ma position: relative; w td wyżej, wiec nie możesz mu nadawać pozycji absolute.