Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Wyróżnienie wpisu danej grupy na shoubox

Błąd   Założony przez  hajtowy4321.

Adres forum:
http://cs-zgrywus.pl/


Wersja silnika:
1.8.10


Opis problemu:

Chciałem wyróżnić wpis danej grupy na shoutbox.  Wyróżnienie na starym stylu działa, natomiast na nowym, wyróżniony jest tylko avatar danej grupy.
Korzystałem z tego poradnika : https://webboard.pl/thread-70192.html


W załączniku wstawiam Screeny.
       
https://webboard.pl/thread-70192.html#2
Po prostu brak CSS'a.
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
Zwiększ moc selektora. W arkuszu f_rangi-dvz_czat
znajdź:
#shoutbox  .f_text-gid-22
Zamień na:
#shoutbox .entry  .f_text-gid-22
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
@"Fyeem" Arkusz był dodany.

@Divir Dziękuję, działa.

Pozdrawiam.
EDIT
Nie będę zakładał nowego tematu:
Piszę w sprawie tematu :
https://webboard.pl/thread-74016.html

Dodałem to co jest w temacie czyli :
#shoutbox .f_avatar-gid-4 {
   background: rgba(255,0,0,0.26) ;   
}
#shoutbox .f_user-gid-4 {
   font-size: 16x;
   background: rgba(255,0,0,0.26)
}
#shoutbox .entry  .f_text-gid-4 {
   color: #FFEF00 ;
   font-size: 12px;
  background: linear-gradient(to right,rgba(255,0,0,0.26) 0%,rgba(6,6,6,0.83) 30%,rgba(6,6,6,0.13) 100%);

Chciałbym osiągnąć taki efekt jak na screenie edytowanym w paincie :

   

Niestety mam taki :

   
Chodzi o to, aby :
- avatar był niżej- równo z nickiem, ( przykład wiadomości z nickiem Hajtowy. )
- tło obejmowało również avatar i obszar przed






Pozdrawiam,
Wyszukaj w arkuszu dvz_shoutbox
#shoutbox .entry > div
dodaj do tego selektora:
vertical-align: middle;

Dodatkowo do tego arkusza dodaj:
#dvz_shoutbox .avatar { margin-top: 0; margin-bottom: 0; }
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Efekt jest niesamowity !

Jednak podczas napisania np. dwóch, trzech wiadomości robi się mała szpara obszaru nad avatarem pomiędzy nickiem i treścią.
Zwiększyłem avatar, ale nie działa, więc nie tędy droga.
Screen :

   


Pozdrawiam.
#dvz_shoutbox .avatar { margin-top: 0; margin-bottom: 0; }
Zamień na:
#shoutbox .avatar { margin-top: 0; margin-bottom: 0; }

Mój błąd, pisałem z pamięci i nie upewniłem się co do nazwy ID.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Serdecznie dziękuję za pomoc.

Temat można zamknąć.

Pozdrawiam.
Penny napisał 30.04.2018, 12:13:
Nie zamykamy wątków. Zapoznaj się z



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

1 gości