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:
Kod PHP:
.offline_button {
margin-left: -110px;
margin-top: -22px;
}
Oraz postbit_offline:
Kod PHP:
<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.
Dodaj do tych klas jeszcze
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]](http://lionshead.com.pl/images/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]](http://www.lionshead.com.pl/images/blad1.png)
Jeśli kto chce status online/offline taki jak tutaj na mybboard.pl to podaje kod
w szablonie postbit_offline:
w szablonie postbit_online:
A teraz dodajemy kod css w global.css:
Kod:
.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
Kod:
<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">
zamieniasz na
Kod:
<td class="{$altbg} {$post['onlinestatus']}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">