Zmiana wyglądu statusu ONLINE/OFLINE

wersja skryptu MyBB: 1608
adres forum: lionshead.com.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam. Dziś zrobiłem na swoim forum takie wyświetlanie statusu:

CSS:

.offline_button {
margin-left: -110px;
margin-top: -22px;

} 


Oraz postbit_offline:

<div class="offline_button"><!-- start: postbit_offline -->
<img src="images/offline.png" title="Offline" alt="Offline">
<!-- end: postbit_offline --></div> 


Problem polega na tym, ze jak łatwo zauważyć na forum, ikona OFFLINE/ONLINE zakrywa nick użytkownika, a druga sprawa, że skąd mam pewność że u każdego usera, będzie ten obrazek w tym samym miejscu? Skoro ja dostosowałem CSS do swoich potrzeb (przesunięcie w lewo i w górę) a komuś może się to rozjechać Ma ktoś pomysły?

Powiem tylko że Css jest sztywno ustawione. Nie wiem jak to zrobić bo z tym mi pomógł kolega ;/

Z tym nie zrobisz nic. Możesz jedynie dać opacity (przeźroczystość) dzięki której będzie widać nick, ale będzie zasłaniało.

W postbit_classic musisz ustawić stałą szerokość komórki z danymi usera. Jest ona na początku praktycznie szablonu i ma domyślnie wartość podajże 15% (wstaw np. 180px). Ogranicz długość nicku, po przez skrócenie dozwolonej ilości w nim znaku w ustawieniach forum. Teraz dostosuj szerokość komórki i marginesy ikon do najdłuższego możliwego nicku.

Zrobiłem to tak: http://lionshead.com.pl/Thread-mesajah-b...57#pid2257 sprawdźcie i powiedzcie mi czy nic nie ucieka i czy dobrze was zrozumiałem.

Teraz tylko na górze, gdzie jest belka: AUTOR/TREŚĆ WĄTKU nie jest równa do kolumn z tekstem i avatarem.

Dodaj do tych klas jeszcze

position: absolute;

Bo ci nicki od reszty się odklejają i ustaw marginesy jeszcze raz.

Dodanie position: absolute; do CSS całkowicie rozwala forum... Nie wiem dlaczego tak sie dzieje.

Całkowicie sobie utrudniacie pracy z tym, pogadam z adikiem czy możemy wam dać nasze rozwiązanie

@up: Wasze rozwiązanie jest dobre, ale dla takich wstążek jak tutaj...
Grocek używa wstążek które wystają poza komórkę, więc użycie wstęgi w tle nie będzie takie kolorowe...

Dodanie position: absolute; do CSS całkowicie rozwala forum... Nie wiem dlaczego tak sie dzieje.

Dodaj te position i pokaż co się dzieje na forum.

A więc, dodałem jeszcze raz tak jak prosiłeś POSITION:ABSOLUTE; i sprawa ma się tak jak na tym screenie.



Czyli jak widać, Nicki wróciły na swoje miejsce, ale brak teraz chorągiewek ze statusem. Jeśli to może rozwiązać problem, to jestem w stanie zrezygnować z wystawania po za kolumnę, byle nicki były tuż nad rangą, a statuś wyświetlał się prawidłowo.

EDIT: __________________________________________

Okej jak się okazało, one nie znikneły, tylko uciekły po za ramkę forum
i zmiana margin-left, pomogła je przywołać z powrotem:

Jeśli kto chce status online/offline taki jak tutaj na mybboard.pl to podaje kod
w szablonie postbit_offline:

post_offline

w szablonie postbit_online:

postbit_online

A teraz dodajemy kod css w global.css:

.post_online {
    background-image: url(images/wasz_styl/post_online.png) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}

.post_offline {
    background-image: url(images/wasz_styl/post_offline.png) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}

Musicie sami sobie zrobić grafiki, albo jak to robi większość podkraść od nas

A chyba coś tu się nie zgadza. Do postbit_offline i postibt_online mam wkleić tylko ich nazwy? Nie jest czasem ten kod wybrakowany?

Nie nie jest wybrakowany, w postbit_classic znajdujesz

<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">

zamieniasz na

<td class="{$altbg} {$post['onlinestatus']}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">