Zmiana wyglądu statusu ONLINE/OFLINE

Założony przez  grocek.

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"><!-- startpostbit_offline -->
<
img src="images/offline.png" title="Offline" alt="Offline">
<!-- 
endpostbit_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...
grocek napisał(a):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.

[Obrazek: blad.png]

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:

[Obrazek: blad1.png]
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;">



Użytkownicy przeglądający ten wątek:

1 gości