W tym poradniku nauczysz się ustawiać prawidłowo status rekrutacji (otwarta / zamknięta) w działach Twojego forum opartego na MyBB. Statusy stanowią świetny sposób na informowanie użytkowników naszej społeczności, o miejscach na dane stanowiska. Dodatkowo nauczysz się implementować nową wersję ikon Font Awesome.
Implementacja ikon Font Awesome
Aby prawidłowo zaimplementować nasze ikony musimy zalogować się do ACP, potem musimy przejść do modyfikowania naszego motywu (ACP -> Style i szablony -> Szablony -> niezgrupowane szablony -> headerinclude), gdy już znajdujemy się w szablonie headerinclude, na samej górze, a dokładniej pod:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1827"></script>
musimy dodać nasz kod, który wygląda tak:
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v6.4.2/css/all.css'>
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v6.4.2/css/v4-shims.css'>
Cały kod powinien wyglądać tak:
No i w taki łatwy sposób zaimplementowaliśmy nową wersję ikon Font Awesome. Podsyłam Wam jeszcze link, gdzie możecie znaleźć darmowe ikony do wykorzystania na Waszym forum. Free Icons Font Awesome
Implementacja kodu CSS naszych statusów
Po prawidłowej implementacji Font Awesome możemy przejść do stworzenia naszych statusów. A więc tak, od początku. Jako pierwszy krok stwórzmy sobie nowy styl (ACP -> Style i szablony -> Style -> Nowy arkusz CSS). Nazwa jest obojętna, w tym poradniku użyjemy nazwy stylu custom.css. Po stworzeniu naszego szablonu musimy dodać do niego kod, dzięki któremu będziemy mogli stworzyć sobie statusy. Poniżej przedstawiam Wam przykładowy kod na owe "kłódki"
Dodawanie statusów do naszych działów
Jeżeli dotrałeś(aś) do tego punktu, to znaczy, że wszystko Ci się udało! Teraz został najłatwiejszy punkt, edytowanie naszego działu, raczej każdy da z tym rade. Aby edytować dział musimy ponownie podziałać w naszym ACP, a dokładniej musimy przejść ACP -> Działy i posty -> Wybieramy nasz dział, który chcemy edytować -> Edytuj ustawienia działu -> W naszym tytule dodajemy kod, który doda nam nasze statusy. Oczywiście poniżej przedstawiam wykorzystanie powyższego kodu CSS.
Dla otwartej rekrutacji (otwarty status / kłódka):
Moderator <span class="kat-status kat-on"><i class="fa-solid fa-lock-open"></i></span>
Dla zamkniętej rekrutacji (zamknięty status / kłódka):
Moderator <span class="kat-status kat-off"><i class="fa-solid fa-lock"></i></span>
Po prawidłowym dodaniu naszego kodu powinniśmy ujrzeć taki efekt:
Aktualizacja poradnika status rekrutacji