Webboard

Pełna wersja: Shoutbox DVZ - zmiana thead-u.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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(linearleft topleft bottomcolor-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+ */
    
backgroundlinear-gradient(to bottom,  #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */
    
color#ffffff;
    
line-height:36px;
    
height:36px;
    
font-size16px;
    
font-weight300;
    
box-shadowinset 0px 1px 0 #528cbc;
    
border-top1px solid #316897;
    
border-left1px solid #316897;
    
border-right1px solid #316897;
    
border-radius4px 4px 0 0;
    -
moz-border-radius4px 4px 0 0;
    -
webkit-border-top-left-radius4px;
    -
webkit-border-top-right-radius4px;
    
overflowhidden;
 }

.
tablehead img padding-top 10x;}

.
tablehead .right floatrightmargin0padding-top1pxfont-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 padding0; }
#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-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

#shoutbox .trow2 {
    
background#ffffff;
    
border-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

.
ogloszenie_sb {
    
background#ebfcdf;
    
padding10px;
    
border1px solid #a4cfa4;
    
color#0e440e;
    
line-height1.6;
    
font-size12px;
}

.
sb_1 {
    
marginauto auto;
    
border9px solid #ebf0f3;
    
background#dbe4ef;
    
padding1px;
}

.
sb_2 {
    
marginauto auto;
    
background#FFF;
    
padding4px;
}

.
sb_3{
    
border-left1px solid #d5dde5;
    
border-right1px solid #d5dde5;
    
border-bottom6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    
background-color#f1f6f9;
    
border-top1px solid #d5dde5;
 
}
#shoutbox .trow2 {
     
background-color#f1f6f9;
    
border-top1px 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ówNie prosimy o UBrozpatrzenie tematównie 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(linearleft topleft bottomcolor-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+ */
    
backgroundlinear-gradient(to bottom,  #4774a2 0%,#396594 50%,#2c5687 100%); /* W3C */
    
color#ffffff;
    
line-height:36px;
    
height:36px;
    
font-size16px;
    
font-weight300;
    
box-shadowinset 0px 1px 0 #528cbc;
    
border-top1px solid #316897;
    
border-left1px solid #316897;
    
border-right1px solid #316897;
    
border-radius4px 4px 0 0;
    -
moz-border-radius4px 4px 0 0;
    -
webkit-border-top-left-radius4px;
    -
webkit-border-top-right-radius4px;
    
overflowhidden;
 }

.
tablehead img padding-top 10x;}

.
tablehead .right floatrightmargin0padding-top1pxfont-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 padding0; }
#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-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

#shoutbox .trow2 {
    
background#ffffff;
    
border-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

.
ogloszenie_sb {
    
background#ebfcdf;
    
padding10px;
    
border1px solid #a4cfa4;
    
color#0e440e;
    
line-height1.6;
    
font-size12px;
}

.
sb_1 {
border9px solid #EBF0F3;
background#DBE4EF;
padding1px;
margin-left13px;
}

.
sb_2 {
    
marginauto auto;
    
background#FFF;
    
padding4px;
}

.
sb_3{
    
border-left1px solid #d5dde5;
    
border-right1px solid #d5dde5;
    
border-bottom6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    
background-color#f1f6f9;
    
border-top1px solid #d5dde5;
 
}
#shoutbox .trow2 {
     
background-color#f1f6f9;
    
border-top1px 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ówNie prosimy o UBrozpatrzenie tematównie 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 &nbsp; 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 padding0; }
#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-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

#shoutbox .trow2 {
    
background#ffffff;
    
border-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

.
ogloszenie_sb {
    
background#ebfcdf;
    
padding10px;
    
border1px solid #a4cfa4;
    
color#0e440e;
    
line-height1.6;
    
font-size12px;
}

.
sb_1 {
border9px solid #EBF0F3;
background#DBE4EF;
padding1px;
}

.
sb_2 {
    
marginauto auto;
    
background#FFF;
    
padding4px;
}

.
sb_3{
    
border-left1px solid #d5dde5;
    
border-right1px solid #d5dde5;
    
border-bottom6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    
background-color#f1f6f9;
    
border-top1px solid #d5dde5;
 
}
#shoutbox .trow2 {
     
background-color#f1f6f9;
    
border-top1px 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ówNie prosimy o UBrozpatrzenie tematównie 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 padding0; }
#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-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

#shoutbox .trow2 {
    
background#ffffff;
    
border-bottom1px solid #f3f3f3;
    
color#5a5a5a;
}

.
ogloszenie_sb {
    
background#ebfcdf;
    
padding10px;
    
border1px solid #a4cfa4;
    
color#0e440e;
    
line-height1.6;
    
font-size12px;
}

.
sb_1 {
    
marginauto auto;
    
border9px solid #ebf0f3;
    
background#dbe4ef;
    
padding1px;
}

.
sb_2 {
    
marginauto auto;
    
background#FFF;
    
padding4px;
}

.
sb_3{
    
border-left1px solid #d5dde5;
    
border-right1px solid #d5dde5;
    
border-bottom6px solid #dbe2ec;
}

#shoutbox .trow1 { 
    
background-color#f1f6f9;
    
border-top1px solid #d5dde5;
 
}
#shoutbox .trow2 {
     
background-color#f1f6f9;
    
border-top1px 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ówNie prosimy o UBrozpatrzenie tematównie 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