Statusy Online/Offline

[Gangst3r]

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.

[matthewk]

Działa jak należy

Gratulacje!

[DawPi]

Ten kod:

<if test="$post['author']['_online']"><img src="http://twojastrona.pl/public/style_images/[nazwa_stylu]/post_online.png" alt="" class='post_online' data-tooltip="Online" /><else /><img src="http://twojastrona.pl/public/style_images/[nazwa_stylu]/post_offline.png" alt="" class='post_online' data-tooltip="Offline" />
 </if>

Można uprościć do:

<img src="http://twojastrona.pl/public/style_images/[nazwa_stylu]/post_<if test="$post['author']['_online']">online<else />offline</if>.png" alt="" class='post_online' data-tooltip="<if test="$post['author']['_online']">Online<else />Offline</if>" />

:good:

[KrzysztofBaraniak]

Ładnie się prezentują, szkoda że te grafiki na stylu domyślnym(jasnym) są aż tak jaskrawe, chyba że to tylko moje odczucie.

[matthewk]

Ładnie się prezentują, szkoda że te grafiki na stylu domyślnym(jasnym) są aż tak jaskrawe, chyba że to tylko moje odczucie.

Nie tylko twoje odczucie

Rzeczywiście rzucają się delikatnie, można wprowadzić jeszcze 2 delikatniejsze odcienie.

[lamusq]

Tutaj nie powinniście narzekać, ważne, że jest: zawsze można zmienić kolor samemu

[DawPi]

To nie narzekanie tylko krytyka.

[Gangst3r]

Słowa krytyki jak zawsze mile widziane Muszę popracować nad doborem proporcji gradientów na tło i napisy Dziś nad tym popracuję

DawPi dzięki za kod przyda się ta informacja

Edytowane 22 Lutego 2012 przez Gangst3r

[DawPi]

Kod już miałeś tylko nie wymyśliłeś tego tak - kwestia praktyki.

[Gangst3r]

Wiem, wiem choć trochę na okrężną drogę, ale do celu Dobra panowie postanowiłem wyjść wam na przeciw i zabrałem się za poprawkę, jeśli komuś nadal się nie podobają to do załącznika dodałem także plik PSD.

online.psd

Edytowane 22 Lutego 2012 przez Gangst3r

[Delan]

Nie wiem dlaczego, ale mi nie działa. Zrobiłem wszystko instrukcją, a jedyne co się zmienilo to ta podstawowa kropka co byla przeniosla sie nad nick, a wczesniej byla obok.

[Gangst3r]

Odśwież cache stylu, odśwież stronę Ctrl+R upewnij się, że wgrałeś w odpowiednim miejscu kod. Możliwe, że u Ciebie trzeba dać gdzieś indziej Ja na dwóch stylach musiałem dawać w dwóch różnych miejscach. Ten poradnik był robiony na podstawie domyślnego stylu IPB

[Wyrod]

Edit:

Dlaczego u mnie zamiast offine/online jest kropka zielona ? lub taka czarna?

Edytowane 23 Lutego 2012 przez Wyrod

[insp]

Edit:

Dlaczego u mnie zamiast offine/online jest kropka zielona ? lub taka czarna?

Bo masz takiego skina.

[Wyrod]

A można coś z tym zrobić?

[Arek88]

Ten temat dotyczy tego jak to zmienić

[Gangst3r]

Podawajcie link do forum. Sprawdzę to, bo gdzieś popełniacie błąd lub skin wymaga drobnej ingerencji dodatkowej przez użytkownika. Może dzięki temu uda się dopisać krótkie info, dla "niekompatybilnych skinów". Ja robiłem na 3-ech skinach i na każdym ok. Może wystarczy odświeżyć coockies przeglądarki.

Edytowane 23 Lutego 2012 przez Gangst3r

[Wyrod]

Dodałem wszystko jest ok

Teraz męczę się z ustawieniem tego bo jest nieco za bardzo wysunięte

[Gangst3r]

Marginesy wystarczy edytować. Kolejność jest taka: góra|prawo|dół|lewo

[Lukaszenko]

Mam z tym mały problem. Mianowicie w tematach paski z owym napisem offline,online zasłaniają nazwę użytkownika

http://screenshooter...6137244/hsccsir

Edytowane 2 Marca 2012 przez Lukaszenko

[lamusq]

Lukaszenko - źle wkleiłeś kod. Zrób to jeszcze raz ale bardziej dokładnie - na pewno się uda.

[TRACKER]

Fajna sprawa, jeśli chodzi o IP.Board 3.1 to także działa, wystarczy w topicViewTemplate zastosować podane na 1 stronie zmiany.

Edytowane 4 Marca 2012 przez TRACKER

[Greedy]

Piękne! Działa jak należy

[Gangst3r]

Lukaszenko spróbuj edytować zmienną w css .post_username tak jak poniżej:

.post_username{
float: left;
text-align: center;
vertical-align: middle;
margin: -2px 5px 0 0;
min-width: 192px;
font-weight: bold;
}

Edytowane 5 Marca 2012 przez Gangst3r

[marciniwan007]

A jak to jest w IPB 2.3.2 ? Ponieważ nie ma pliku bit post w Widok tematu