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

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

DVZ Shoutbox-zły układ

Założony przez  tomaLS.

31.12.2012, 15:26
#1
wersja skryptu MyBB:1.6.8
adres forum: http://www.MC-World.bugs3.com
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki): Mam problem z DVZ Shoutbox'em, oto on:
[Obrazek: 1388516.jpeg]
Ten Shoutbox powinien inaczej wyglądać, avatar powinien być malutki, nick obok wiadomości a data po prawej stronie, wcześniej też tak miałem ale nie pamiętam co zrobiłem, chyba się samo naprawiło.
Matslom napisał 19.01.2013, 16:01:
Problem dotyczy stylu wyświetlania. Wątek trafia do style, szablony i grafika.

  • KITT

  • Konto zablokowane
  • 44 5 0
31.12.2012, 15:28 (Ten post był ostatnio modyfikowany: 31.12.2012, 15:48 przez KITT.)
#2
Nie wgrałeś css od SB
Kod CSS
.tablehead { padding: 5px 10px; background: #026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
31.12.2012, 17:32
#3
Kod CSS wrzucasz do global.css (Styl -> Edytuj styl) w edycji rozszerzonej.
02.01.2013, 16:45
#4
Dodałem ;)
02.01.2013, 17:56 (Ten post był ostatnio modyfikowany: 02.01.2013, 18:09 przez gloverek.)
#5
Dodałeś, Ale zepsułeś cały plik, bo nie zamknąłeś klamrą wpis powyżej ;)
Brakuje Ci znaku
}
przed całym Twoim dodaniem do global.css.
Więc nie mów, że wszystko dobrze zrobiłeś :)

Nawet dostałem warna na jego forum :D
#breadcrumb {
    background: #026CB1 url(../../../images/thead_bg.gif) repeat-x;
    font: 11px Arial, Helvetica, sans-serif;
    height: 30px;
    line-height: 30px;
    border: solid 1px #cacaca;
    padding-left: 7px;
    -webkit--radius: 5px;
    -khtml-border-radiust: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 0;
    .tablehead {
    padding: 5px 10px;
    border: solid 1px #026CB1;
    border-radius: 5px 5px 0 0;
    font: 16px Arial, sans-serif;
    .tablehead {
    padding: 5px 10px;
    border: solid 1px #026CB1;
    border-radius: 5px 5px 0 0;
    font: 16px Arial, sans-serif;
    .tablehead {
    padding: 5px 10px;
    border: solid 1px #026CB1;
    border-radius: 5px 5px 0 0;
    font: 16px Arial, sans-serif;
Na końcu tego wpisu brakuje tej klamry.
Nie ma jej, bo ją usunąłeś ;)
[Obrazek: shoutboxu.jpg]
19.01.2013, 15:54 (Ten post był ostatnio modyfikowany: 19.01.2013, 16:00 przez tomaLS.)
#6
Teraz plik wygląda tak i to nic nie pomaga:
font: 11px Arial, Helvetica, sans-serif;
height: 30px;
line-height: 30px;
border: solid 1px #cacaca;
padding-left: 7px;
-webkit--radius: 5px;
-khtml-border-radiust: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
margin-bottom: 0;
margin-top: 0;
.tablehead {
    padding: 5px 10px;
border: solid 1px #026CB1;
border-radius: 5px 5px 0 0;
font: 16px Arial, sans-serif;
}

.tablehead { padding: 5px 10px; background: #026CB1 url(images/thead_bg.gif) repeat-x; border: solid 1px #026CB1; border-radius: 5px 5px 0 0; font: 16px Arial, sans-serif; color: #FFF; }
.tablehead .right { float: right; margin: 0; padding-top: 1px; font-size:  13px; }
.tablehead a { color: #FFF !important; text-decoration: none; }

#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox { margin-bottom: 5px; }
#shoutbox .panel { padding: 2px; }
#shoutbox .panel-blocked { margin: 1px 0; padding: 5px; background: #FCEFEF; font-size: 11px; color: #543A3A; }
#shoutbox .panel-away { margin: 1px 0; padding: 5px;  background: #EDEDED; font-size: 11px; color: #7A7A7A; }
#shoutbox .panel-away button { margin-right: 5px; padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #962725; border: none; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .panel-minposts { margin: 1px 0; padding: 5px; background: #FFFED8; font-size: 11px; color: #727250; }
img#dvz_sb_loading { position: relative; top: 3px; left: 5px; }
input#shout_text { margin-right: 2px; padding: 5px 6px 6px 6px; width: 90%; background: #FFF; border: 1px solid #898989; border-radius: 2px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000; }
input#shout_button { padding: 5px; font-family: Tahoma, sans-serif; color: #FFF; font-size: 11px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 #297318; border-radius: 5px; background: #499338; border: solid 1px #499338; border-radius: 3px; }
#shoutbox .trow1 { background-color: #FFF; }
#shoutbox .trow2 { background-color: #FAFAFA; }
.sbentry { padding: 0; }
#shoutbox .userdata { margin: 0; padding: 6px; float: left;  text-align: right; }
#shoutbox .text { margin: 0; padding: 6px; color: #333333; }
#shoutbox .insUser { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { float: right; margin-top: 5px; margin-right: 5px; font-size: 11px; color: #888888; }
#shoutbox .info .date { margin-right: 5px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 2px 5px; background: #333333; border-radius: 3px; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; }
#shoutbox .dvz_sb_del { background-color: #6B0100; }
#shoutbox img.avatar { float: left; display: inline-block; margin-top: -1px; margin-right: 5px; max-height: 16px; max-width: 16px; border: solid 1px #FFF; box-shadow: 0 0 2px #E0E0E0; }
A, i nie wiem czy tak powinno być ale jak wracam z powrotem do tego pliku global.css to nie ma tego co dodałem wcześniej
09.02.2013, 15:42
#7
Pomoże ktoś?
Tamto forum już nie istnieje ale teraz otworzyłem o innej tematyce i też mi nie działa, http://www.LS-eMody.pl
09.02.2013, 15:47
#8
tomaLS napisał(a):też mi nie działa
Bo znowu nie dodałeś wpisów do global.css
https://webboard.pl/thread-36598.html?pi...#pid142793
09.02.2013, 22:14 (Ten post był ostatnio modyfikowany: 09.02.2013, 22:16 przez tomaLS.)
#9
Właśnie że dodałem i nic....Nawet kolega próbował i nic, nie wiem co jest, może ktoś zechciałby spróbować? Dam mu admina i by spróbował.

EDIT: Aha, i czy to jest normalne, że jak dodam te linijki to jak wchodzę drugi raz to ich nie ma? Wziąłem tryb zaawansowany i tam dodałem linijki to tam za drugim razem były dalej.
10.02.2013, 01:34
#10
Widzie ze ludzie zawsze mogą zaskoczyć, oczywiście głupotą...

Podstawy CSS, nawet w poradniku masz napisane wyraźnie...

SwiftKey Flow and Tapatalk II
15.02.2013, 12:56
#11
mam ten sam problem mimo że wgrałem wszystko do global.css
15.02.2013, 21:45
#12
To może tak podacie adresy swoich forów?



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

2 gości