Webboard

Pełna wersja: DVZ Shoutbox | Wyróżnienie wpisu danej grupy
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Ten poradnik pokaże Ci, jak wyróżnić wpis użytkownika należącego do danej grupy, możesz ustawić kolorowe tło oraz sformatować tekst (kolor, czcionka, wielkość etc.).

1 Edycja pliku dvz_shoutbox.php


Znajdź:
Kod PHP:
<div class="avatar">' . $avatar . '</div
Zamień na:
Kod PHP:
<div class="avatar f_avatar-gid-' . $data['usergroup'] . '">' . $avatar . '</div

Znajdź:
Kod PHP:
<div class="user">' . $user . '</div
Zamień na:
Kod PHP:
<div class="user f_user-gid-' . $data['usergroup'] . '">' . $user . '</div

Znajdź:
Kod PHP:
<div class="text">' . $text . '</div
Zamień na:
Kod PHP:
<div class="text f_text-gid-' . $data['usergroup'] . '">' . $text . '</div

2 Stworzenie i edycja arkusza f_rangi-dvz_czat.css


Do arkusza CSS dodajemy kod wg przykładu:

#shoutbox .f_avatar-gid-4 {
    background: lightgreen;   /* Avatar ma tło jasno-zielone (może być inne) */
}
#shoutbox .f_user-gid-4 {
    font-size: 9px; /* Nazwa użytkownika ma rozmiar 9px */
    background: lightgreen; /* Tło ma tak jak avatar, jasno-zielone (może być inne) */
}
#shoutbox .f_text-gid-4 {
    color: orange; /* Text ma kolor pomarańczowy */
    font-size: 18px; /* Text ma rozmiar 18px */
    background: lightgreen; /* Text ma kolor tak jak avatar i user jasno-zielone (może być inne)*/
}
f_avatar --- pole z avatarem;
f_user --- pole z nazwą użytkownika;
f_text --- pole z textem;
4 ---- gid= grupy, którą stylizujemy


Efekt końcowy działania kodu podanego wyżej: 
[attachment=11121]
Proponuję usunąć wszystkie !important a zamiast tego dodać #shoutbox przed nazwami klas:#shoutbox .f_avatar-gid-4 {
a jest możliwość żeby na tej samej zasadzie zmienić wygląd post_classic ?
EDIT:// próbowałem zrobić to samo w post classic żeby zmienić widok posta administratora , lecz wywala błąd, da się coś zrobić żeby błędu nie było ?
Można też dodać wyróżniony wygląd dla opcji moderatora i daty. Ładniej wtedy wygląda ;D
Kod PHP:
<div class="info f_info-gid-'. $data['usergroup'] .'">' . $notes . '<a href="' . $staticLink . '"><span class="date">' . $date . '</span></a></div>
</
div