Webboard

Pełna wersja: Podniesienie do góry wiadomosci, daty itp dvzshoutbox
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.84
adres forum: localhost
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Mam takowy efekt http://screenshot.sh/mKMN2Kmk346II chciałbym aby wiadomość , data itp była po środku z avatarem.

Kod PHP:
/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; }
#shoutbox div.thead { padding: 6px; font-weight: bold; }
#shoutbox.front .thead { cursor: pointer; }
#shoutbox .thead .right { float: right; margin: 0; font-size: 13px; font-weight: normal; color: #EEE; }
#shoutbox.collapsed .thead { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }
#shoutbox input.text {        
    
z-index2;
    
background:url(images/playordie/sb_belka.pngno-repeat;
    
width:960px;
    
height:57px;
    
border:none;
    
margin-top22px;
        
position:relative; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }
#shoutbox .window { padding: 1px;  overflow-y: scroll;
width960px;
floatleft;
margin-top10px;}
#shoutbox .data { display: table; width: 100%;  font: 12px Arial, sans-serif; }
#shoutbox .entry {
    
margin-bottom6px;
    
width100%; 
    
backgroundrgba(0000.2none repeat scroll 00%;
    
border-radius15px;
}
#shoutbox .entry:nth-child(even) { background-color: rgba(0, 0, 0, 0.14); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry > div {  }
#shoutbox .entry:last-child > div { }
#shoutbox .avatar { display: table-cell; padding: 6px; }
#shoutbox .avatar img {width: 47px;
height47px;
floatleft;
margin-top3px;
margin-left3px;
border2px solid #003857;
border-radius15px; }
#shoutbox .user { display: table-cell; margin: 0; padding: 6px; text-align: right; white-space: nowrap; }
#shoutbox .text { display: table-cell; margin-bottom: 20px; width: 100%; color: #555; }
#shoutbox .call { cursor: pointer; color: #AAAAAA; }
#shoutbox .info { display: table-cell; padding: 4px; font-size: 11px; color: #AAA; text-align: right; white-space: nowrap; }
#shoutbox .info .date { margin-right: 10px; }
#shoutbox .info .ip { margin-right: 5px; color: #CECECE; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { border-left: solid 1px #EEE; }
#shoutbox .ip { margin-left: 10px; } 
Heheszek napisał(a):adres forum: localhost

wrzuć to na darmowy hosting,
Supryk napisał(a):
Heheszek napisał(a):adres forum: localhost
wrzuć to na darmowy hosting,


http://playordie.eu/
dodaj klasom #shoutbox .avatar, #shoutbox .user i #shoutbox .text atrybut vertical-align: middle;
Jeśli chcesz też wyśrodkować w pionie datę, zrób to samo dla klasy #shoutbox .info