Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Szablon by cwaniak

Założony przez psychiczny.

Szablon by cwaniak
  • Wersja

    1.3

  • Data aktualizacji

    12.09.2024

  • Autor

    cwaniak

  • Licencja

    GPL v3

  • Liczba pobrań

    1 015 (1,65 MB)

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 

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

<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

.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

.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

.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 

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

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

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

Instalacja

Instrukcja instalacji stylów i grafik



Użytkownicy przeglądający ten wątek:

1 gości