Zwiększ moc selektora. W arkuszu
f_rangi-dvz_czat
znajdź:
Kod:
#shoutbox .f_text-gid-22
Zamień na:
Kod:
#shoutbox .entry .f_text-gid-22
Arkusz był dodany.
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 :
[
attachment=13684]
Niestety mam taki :
[
attachment=13683]
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
Kod:
#shoutbox .entry > div
dodaj do tego selektora:
Kod:
vertical-align: middle;
Dodatkowo do tego arkusza dodaj:
Kod:
#dvz_shoutbox .avatar { margin-top: 0; margin-bottom: 0; }
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 :
[
attachment=13685]
Pozdrawiam.
Kod:
#dvz_shoutbox .avatar { margin-top: 0; margin-bottom: 0; }
Zamień na:
Kod:
#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.
Serdecznie dziękuję za pomoc.
Temat można zamknąć.
Pozdrawiam.