DVZ Shoutbox | Wyróżnienie wpisu danej grupy

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ź:

<div class="avatar">' . $avatar . '</div> 


Zamień na:

<div class="avatar f_avatar-gid-' . $data['usergroup'] . '">' . $avatar . '</div> 


Znajdź:

<div class="user">' . $user . '</div> 


Zamień na:

<div class="user f_user-gid-' . $data['usergroup'] . '">' . $user . '</div> 


Znajdź:

<div class="text">' . $text . '</div> 


Zamień na:

<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: 
   

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 ?

https://webboard.pl/thread-59381.html

Można też dodać wyróżniony wygląd dla opcji moderatora i daty. Ładniej wtedy wygląda ;D

<div class="info f_info-gid-'. $data['usergroup'] .'">' . $notes . '<a href="' . $staticLink . '"><span class="date">' . $date . '</span></a></div>
</div>