Webboard

Potrzebne pluginy oraz spolszczenia znajdują sie w paczce. Chciałbym podkreślić ze plik shoutboxa zmieniłem dodałem tam coś takiego jak statystki bez pluginu który jest udostępniony.

Żeby ustawić sobie statystki pod ShoutBoxem

Wchodzimy w Style i szablony/szablony globalne i dvz_shoutbox

na samym dole kodu dodajemy to

Kod:
<div class="shoutbox-stats">

    <span class="stat">Twoich shoutów: <span class="block">{$our_shouts}</span></span>

    <span class="stat">Wszystkich shoutów: <span class="block">{$wpisy}</span></span>

    <span class="stat">Największy spamer: <span class="block">{$top_spamer_noformatted} ({$shouts})</span></span>

</div>

oraz dźwięk wiadomości tak jak jest to na IPS
pod {$javascript} dodajemy to:

Kod:
<script>

dvz_shoutbox.callbacks['update'].push(function(){

   if ($('#shoutbox .entry.new').length) {

       var audio = new Audio(rootpath + '/images/dvz_shoutbox.mp3');

       audio.volume = 0.2;

       audio.play();

   }

});

</script>

Pamiętając że działamy na szablonie dvz_shoutbox

Jeśli np chcemy tez zamiast ostylowanego .thead to belke "grafike" wchodzimy do global.css i szukamy

Kod:
.thead {

 background: #0f1015;

background-position: 0px -3px;

border-bottom:3px solid #0469c1;

color: #ffffff;

height: 35px;

padding: 5px;

}

.theadtxt

{

margin-left: 30px; 

}

.thead2 {

width:850px;

color: #ffffff;

height: 35px;

background-size:cover;

padding: 5px;

text-align:center;

}

.thead a:link {

color: #ffffff;

text-decoration: none;

}

.thead a:visited {

color: #ffffff;

text-decoration: none;

}

.thead a:hover,

.thead a:active {

color: #ffffff;

text-decoration: underline;

}

i zmieniamy na

Kod:
.thead {

    font-size: 15px;

    font-weight: 600;

    padding: 0px 35px;

    margin-top: 0;

    background: #1e4472 url(/images/img/thead.png) no-repeat;

    background-size: cover;

    color: #ffffff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    height: 72px;

    line-height: 72px !important;

    text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.267);

}

To samo dotyczy się ikon działów wykorzystałem tu font awesome jest .css który odpowiada za ustawienia jeśli natomiast tego nie chcemy i chcemy obrazek wchodzimy w global.css szukamy

Kod:
.forum_status {

height: 50px;

width: 50px;

font-size: 30px;

text-align: center;

}

.forum_status i {

display: inline-block;

line-height: 50px;

}

.forum_on {

color: #0094d1;

}

.forum_off, .forum_offlock, .forum_offlink {

color: #333;

}

.forum_off i {

opacity: .4;

}

.forum_offlock i:before {

content: "\f023";

}

.forum_offlink i:before {

content: "\f0c1";

}

Kod:
.forum_status {

 height: 48px;

width: 48px;

background: url(https://i.imgur.com/mu7CcAf.png) no-repeat 0 0;

display: inline-block;

}

.forum_on {

}

.forum_off {

opacity: 0.2;

}

.forum_offlock {

}

.forum_offlink {

}

oraz trzeba kod zmienic jednym w szablonie w tym celu wchodzimy w Style i szablony → Szablony → nasz styl i opis dzialu interesują nas forumbit_depth2_forum i forumbit_depth2_cat podaj juz same kody

dla forumbit_depth2_forum wstawiamy to:

Kod:
<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>

a dla forumbit_depth2_cat to:

Kod:
<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>

Jeśli bedą jakieś kłopoty śmiało pisać ja pomoge

psychiczny