Witam
W niniejszym poradniku przedstawię jak szybko zrobić zrobić statusy online/offline użytkowników dla dowolnego stylu, aby w końcowym efekcie wyglądały one tak:
Lub
Wchodzimy do:
Wygląd -> Style i szablony -> [Nasz Styl], następnie wybieramy bit post w Widok tematu, gdzie odnajdujemy kod:
<div class='author_info'>
{parse template="userInfoPane" group="global" params="$post['author'], $post['post']['pid'], array( 'isTopicView' => true )"}
</div>
przed którym wklejamy to:
<div class='post_online'>
<if test="$post['author']['_online']"><img src="{style_images_url}/post_online.png" alt="" class='post_online' data-tooltip="Online" /><else /><img src="{style_images_url}/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
</if>
</div>
i na koniec zapisujemy.
Info: Należy pamiętać, aby kod statusu umieszczać w bicie post! W innym przypadku wyświetlany będzie cały czas status status offline.
Kolejną czynnością będzie dodawanie stylu wyświetlania (div-a), a więc wchodzimy w CSS i wybieramy bit ipb_styles.css, gdzie szukamy to:
.post_body
następnie wstawiamy przed:
.post_online{
float: left;
position: absolute;
margin: -1px 5px 0 0;
}
i zapisujemy.
Na koniec musimy umieścić stosowne grafiki dla naszych stylów, które będą pokazywać aktualny status użytkownika (wykonałem proste grafiki dla ciemnego i jasnego stylu):
- ciemny styl
- jasny styl
Obrazki statusów wrzucamy do public/style_images/[nazwa_stylu].
TIPS: Jeśli grafika statusu nie wyświetla się nam w odpowiedniej pozycji to edytujemy linijkę margin w bicie ipb_styles.css.