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.

29.04.2018, 20:02 (Ten post był ostatnio modyfikowany: 29.04.2018, 20:03 przez hajtowy4321.)
#1
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.
       
29.04.2018, 20:19
#2
https://webboard.pl/thread-70192.html#2
Po prostu brak CSS'a.
Poradnik - Jak zbadać element na stronie internetowej?  
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
29.04.2018, 20:22
#3
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.
29.04.2018, 20:56
#4
@"Fyeem" Arkusz był dodany.

@Divir Dziękuję, działa.

Pozdrawiam.
29.04.2018, 21:31 (Ten post był ostatnio modyfikowany: 29.04.2018, 21:46 przez hajtowy4321.)
#5
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,
29.04.2018, 21:53
#6
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.
29.04.2018, 22:12 (Ten post był ostatnio modyfikowany: 29.04.2018, 22:13 przez hajtowy4321.)
#7
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.
30.04.2018, 00:01
#8
#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.
30.04.2018, 11:33 (Ten post był ostatnio modyfikowany: 30.04.2018, 12:13 przez Penny.)
#9
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
Jak szybko otrzymać pomoc?
Akcja "Dziękuję za pomoc"



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

1 gości