Webboard

Pełna wersja: Szablon by cwaniak
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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";
}

na 

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 :)