Webboard

wersja skryptu MyBB: 1.6.14
adres forum: cspsychopaci.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

a więc, wgrałem na swój serwer DVZ shoutbox, problem polega na tym że ja mam taki styl że mam specjalny generator na forum i każdy może sobie zmieniać kolory belek działu i chciałbym żeby główna belka shoutboxa też po zmienieniu koloru, swój kolor zmieniała, jak reszta, chciałbym zmienić aby ten shoutbox miał ciemniejszy styl, gdyż styl mojego forum jest ciemny, chciałbym aby nie był on po całej szerokości forum tylko tak wąskie jak idą działy, bo z boku jest panel boczny i najeżdża na niego.

W szablonach globalnych masz dvz_shoutbox odszukaj

Kod PHP:
<div class="tablehead"> 

i zamień na:

Kod PHP:
<div class="thead belkatlo" style="background: url(http://cspsychopaci.xaa.pl/images/infinity/thead.png) 100% 50% repeat-x rgb(0, 123, 255);padding: 15px;color:  #fff;"> &nbsp;&nbsp;Shoutbox<a href="http://cspsychopaci.xaa.pl/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"></a> &nbsp;&nbsp;</div> 

nadal lipa, zobacz na stronie. i przedłużyła się belka od działów.;x

Pokaż ten szablon

Kod PHP:
<head>
<style>
.tablehead { 
    background: #4774a2; /* Old browsers */
    background: -moz-linear-gradient(top,  #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */
    color: #ffffff;
    line-height:36px;
    height:36px;
    font-size: 16px;
    font-weight: 300;
    box-shadow: inset 0px 1px 0 #528cbc;
    border-top: 1px solid #316897;
    border-left: 1px solid #316897;
    border-right: 1px solid #316897;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    overflow: hidden;
 }

.tablehead img { padding-top 10x;}

.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 .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; }
.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; }
#shoutbox .trow1 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

#shoutbox .trow2 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

.ogloszenie_sb {
    background: #ebfcdf;
    padding: 10px;
    border: 1px solid #a4cfa4;
    color: #0e440e;
    line-height: 1.6;
    font-size: 12px;
}

.sb_1 {
    margin: auto auto;
    border: 9px solid #ebf0f3;
    background: #dbe4ef;
    padding: 1px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
}

.sb_3{
    border-left: 1px solid #d5dde5;
    border-right: 1px solid #d5dde5;
    border-bottom: 6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    background-color: #f1f6f9;
    border-top: 1px solid #d5dde5;
 }
#shoutbox .trow2 {
     background-color: #f1f6f9;
    border-top: 1px solid #d5dde5; 
}
</style>
</head>
<div class="thead belkatlo" style="background: url(http://cspsychopaci.xaa.pl/images/infinity/thead.png) 100% 50% repeat-x rgb(0, 123, 255);padding: 15px;color:  #fff;"> &nbsp;&nbsp;Shoutbox<a href="http://cspsychopaci.xaa.pl/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"></a> </div>   Shoutbox<a href="{$mybb->settings[bburl]}/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"/></a> &nbsp;&nbsp;</div>
<div id="shoutbox" class="sb_1">
<div class="sb_2">
<div class="ogloszenie_sb">Shoutbox służy do luźnych rozmów! Nie prosimy o UB, rozpatrzenie tematów, nie reklamujemy!</div>
<div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div>
</div>

<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];
{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script> 

Kod PHP:
<head>
<style>
.tablehead { 
    background: #4774a2; /* Old browsers */
    background: -moz-linear-gradient(top,  #4774a2 0%, #396594 50%, #2c5687 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4774a2), color-stop(50%,#396594), color-stop(100%,#2c5687)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4774a2 0%,#396594 50%,#2c5687 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */
    color: #ffffff;
    line-height:36px;
    height:36px;
    font-size: 16px;
    font-weight: 300;
    box-shadow: inset 0px 1px 0 #528cbc;
    border-top: 1px solid #316897;
    border-left: 1px solid #316897;
    border-right: 1px solid #316897;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    overflow: hidden;
 }

.tablehead img { padding-top 10x;}

.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; width: 77%; }
#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 .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; }
.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; }
#shoutbox .trow1 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

#shoutbox .trow2 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

.ogloszenie_sb {
    background: #ebfcdf;
    padding: 10px;
    border: 1px solid #a4cfa4;
    color: #0e440e;
    line-height: 1.6;
    font-size: 12px;
}

.sb_1 {
border: 9px solid #EBF0F3;
background: #DBE4EF;
padding: 1px;
margin-left: 13px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
}

.sb_3{
    border-left: 1px solid #d5dde5;
    border-right: 1px solid #d5dde5;
    border-bottom: 6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    background-color: #f1f6f9;
    border-top: 1px solid #d5dde5;
 }
#shoutbox .trow2 {
     background-color: #f1f6f9;
    border-top: 1px solid #d5dde5; 
}
</style>
</head>
<div class="thead belkatlo" style="background: url(http://cspsychopaci.xaa.pl/images/infinity/thead.png) 100% 50% repeat-x rgb(0, 123, 255);padding: 15px;color:  #fff;"> &nbsp;&nbsp;Shoutbox<a href="http://cspsychopaci.xaa.pl/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"></a> </div> 
<div id="shoutbox" class="sb_1">
<div class="sb_2">
<div class="ogloszenie_sb">Shoutbox służy do luźnych rozmów! Nie prosimy o UB, rozpatrzenie tematów, nie reklamujemy!</div>
<div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div>
</div>

<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];
{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script> 

ok, jedno już za nami, jest belka ok, tylko musiałem sam to pisać bo jak wklejam to w miejsca spacji wklejają się odnośniki z HTML, może znasz jakiś sposób na to, ale mniejsza chciałbym żeby belka miała wysokość i szerokość taką jak belka od działów i okno czatu żeby miało taką szerokość jak belka działów i żeby pole do pisania wiadomośći było odrazu pod ogłoszeniem a nie że jeszcze przerwa.

Aby pozbyć się znaków   to kod, który podaję wrzucaj najpierw do notepad++. Potem dopiero do szablonu.

Co do tematu, to:

Kod PHP:
<head>
<style>
#shoutbox_data { font: 13px Arial, sans-serif; }
#shoutbox {margin-bottom: 5px; width: 79%; }
#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 .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; }
.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; }
#shoutbox .trow1 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

#shoutbox .trow2 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

.ogloszenie_sb {
    background: #ebfcdf;
    padding: 10px;
    border: 1px solid #a4cfa4;
    color: #0e440e;
    line-height: 1.6;
    font-size: 12px;
}

.sb_1 {
border: 9px solid #EBF0F3;
background: #DBE4EF;
padding: 1px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
}

.sb_3{
    border-left: 1px solid #d5dde5;
    border-right: 1px solid #d5dde5;
    border-bottom: 6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    background-color: #f1f6f9;
    border-top: 1px solid #d5dde5;
 }
#shoutbox .trow2 {
     background-color: #f1f6f9;
    border-top: 1px solid #d5dde5; 
}
</style>
</head>
<div class="thead belkatlo" style="background: url(http://cspsychopaci.xaa.pl/images/infinity/thead.png) 100% 50% repeat-x rgb(0, 123, 255);padding: 8px 8px 9px;color:  #fff;"> &nbsp;&nbsp;Shoutbox<a href="http://cspsychopaci.xaa.pl/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"></a> </div> 
<div id="shoutbox" class="sb_1">
<div class="sb_2">
<div class="ogloszenie_sb">Shoutbox służy do luźnych rozmów! Nie prosimy o UB, rozpatrzenie tematów, nie reklamujemy!</div>
<div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div>
</div>

<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];
{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script> 

ok teraz jeszcze trzeba skrócić belke

Nie przemyślałem tego, że zmienna nie jest w div-ie z szerokością forum...
Przywróćmy tamten wygląd:

Kod PHP:
<head>
<style>
#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 .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; }
.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; }
#shoutbox .trow1 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

#shoutbox .trow2 {
    background: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    color: #5a5a5a;
}

.ogloszenie_sb {
    background: #ebfcdf;
    padding: 10px;
    border: 1px solid #a4cfa4;
    color: #0e440e;
    line-height: 1.6;
    font-size: 12px;
}

.sb_1 {
    margin: auto auto;
    border: 9px solid #ebf0f3;
    background: #dbe4ef;
    padding: 1px;
}

.sb_2 {
    margin: auto auto;
    background: #FFF;
    padding: 4px;
}

.sb_3{
    border-left: 1px solid #d5dde5;
    border-right: 1px solid #d5dde5;
    border-bottom: 6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    background-color: #f1f6f9;
    border-top: 1px solid #d5dde5;
 }
#shoutbox .trow2 {
     background-color: #f1f6f9;
    border-top: 1px solid #d5dde5; 
}
</style>
</head>
<div class="thead belkatlo" style="background: url(http://cspsychopaci.xaa.pl/images/infinity/thead.png) 100% 50% repeat-x rgb(0, 123, 255);padding: 8px 8px 9px;color:  #fff;"> &nbsp;&nbsp;Shoutbox<a href="http://cspsychopaci.xaa.pl/index.php?action=shoutbox_archive"><img src="images/cmsstyle/popup.png" alt="Otwórz w nowym oknie"></a> </div> 
<div id="shoutbox" class="sb_1">
<div class="sb_2">
<div class="ogloszenie_sb">Shoutbox służy do luźnych rozmów! Nie prosimy o UB, rozpatrzenie tematów, nie reklamujemy!</div>
<div class="panel-away" style="display:none"><button id="button" onclick="dvz_shoutbox.setBack()">{$lang->dvz_sb_away_button}</button>{$lang->dvz_sb_away}</div>
{$dvz_shoutbox_panel}
<div class="sb_3" id="shoutbox_data" style="height:{$mybb->settings[dvz_sb_height]}px; overflow:auto;"></div>
</div>
</div>

<script type="text/javascript" src="jscripts/dvz_shoutbox.js"></script>
<script>
now = new Date;
dvz_shoutbox.userLastAction = now.getTime();
dvz_shoutbox.interval = {$mybb->settings[dvz_sb_interval]};
dvz_shoutbox.antiflood = {$mybb->settings[dvz_sb_antiflood]};
dvz_shoutbox.maxShouts = {$mybb->settings[dvz_sb_num]};
dvz_shoutbox.awayTimeout = {$mybb->settings[dvz_sb_away]}*1000;
dvz_shoutbox.lang = ['{$lang->dvz_sb_delete_confirm}', '{$lang->dvz_sb_antiflood}'];
{$dvz_shoutbox_js}
dvz_shoutbox.checkForMessages();
</script> 

i pokaż szablon index (strona główna).

Kod PHP:
 

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$ps_header_index}

 <div class="sidebar" style="float: right;width: 18%;">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <tr>
    <td  class="tcat">
<b><center>Kontakt<center></b>



    </td>
    </tr>
    <tr>
    <td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; ">
<center><a href="http://igiunar.ugu.pl/member.php?action=profile&uid=1"><b><font color="FF0000"><span style="text-shadow: 0px 0px 6px #f00; background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif);">Igiunar</span></font></b></a><br><br>
<b><font color="FF0000"><span style="text-shadow: 0px 0px 6px #f00; background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif);">Head Admin</span></font></b><br><br>
<a href="gg:38940469"><img src="http://www.gadu-gadu.pl/users/status.asp?id=38940469&styl=3" border="0" alt="GG: 38940469"></a></center>


    </td>
    </tr>
</table>

{$recenttopics}


</div>
{$dvz_shoutbox}

<div class="forums" style="float: left;width: 81%;">
<div id="index_forums">{$custom_status_index}
{$forums}
<br>
</div>
 </div>
<br class="clearboth">
<br>



{$boardstats}



{$footer}
</body>
</html> 

Kod PHP:
 

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$ps_header_index}

 <div class="sidebar" style="float: right;width: 18%;">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="width: 100%; border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 1px solid #393939;">
    <tr>
    <td  class="tcat">
<b><center>Kontakt<center></b>



    </td>
    </tr>
    <tr>
    <td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; ">
<center><a href="http://igiunar.ugu.pl/member.php?action=profile&uid=1"><b><font color="FF0000"><span style="text-shadow: 0px 0px 6px #f00; background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif);">Igiunar</span></font></b></a><br><br>
<b><font color="FF0000"><span style="text-shadow: 0px 0px 6px #f00; background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif);">Head Admin</span></font></b><br><br>
<a href="gg:38940469"><img src="http://www.gadu-gadu.pl/users/status.asp?id=38940469&styl=3" border="0" alt="GG: 38940469"></a></center>


    </td>
    </tr>
</table>

{$recenttopics}


</div>


<div class="forums" style="float: left;width: 81%;">
<div id="index_forums">{$custom_status_index}
{$dvz_shoutbox}
{$forums}
<br>
</div>
 </div>
<br class="clearboth">
<br>



{$boardstats}



{$footer}
</body>
</html> 

igiunar

Snake_

igiunar

Snake_

igiunar

Snake_

igiunar

Snake_

igiunar

Snake_

igiunar

Snake_