Webboard

Pełna wersja: Ikony aktywności działów - Font Awesome
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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ą? xD
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:
Kod:
<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.
(15.10.2016, 22:25)Divir napisał(a): [ -> ]W css dodajesz

.forum_offlock i:before {
content: "\f023";
}
a w html masz:
Kod:
<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?
Kod:
[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
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.
Stron: 1 2