DVZ Shoutbox | Wyróżnienie wpisu danej grupy

Założony przez Fyeem.

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: 
   
Podziękowali: Ardex
TaniDedyk.pl
Proponuję usunąć wszystkie !important a zamiast tego dodać #shoutbox przed nazwami klas:#shoutbox .f_avatar-gid-4 {
Podziękowali: Fyeem

Podobne wątki

DVZ Shoutbox | Urozmaicenie czatu na podstronie

11.11.2016, 09:50
Ostatni post: Supryk

DVZ Shoutbox | Statystyki wpisów (największy spamer, ilość wpisów)

24.09.2016, 10:18
Ostatni post: Szogi1910

DVZ Shoutbox | Ignorowanie użytkowników czatu

15.08.2016, 15:23
Ostatni post: Stannis

DVZ Shoutbox | Tworzenie czatu na podstronie

13.07.2016, 15:21
Ostatni post: Divir

DVZ Shoutbox | Czat nie działa. FAQ

08.06.2016, 17:47
Ostatni post: Fyeem


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

1 gości