Wood.n

Całość, czyli grafika oraz CSS jest udostępniona na licencji Creative Commons 2.5 Polska (BY-NC-SA), co oznacza, że możecie bezpłatnie:

• kopiować, rozpowszechniać oraz używać szablon
• tworzyć na jego podstawie utwory zależne

Pod warunkiem spełnienia następujących punktów:

• Uznanie autorstwa. Z arkusza CSS nie może zniknąć adnotacja o autorze szablonu. Oprócz tego na blogu należy umieścić dobrze widoczny odnośnik do strony longway.blox.pl.
• Użycie niekomercyjne. Sprzedaż szablonu jest zabroniona.
• Na tych samych warunkach. Jeśli zmienia się lub przekształca niniejszy styl, lub tworzy inny na jego podstawie, można rozpowszechniać powstały w ten sposób nowy utwór tylko na podstawie takiej samej licencji.
• W razie niejasności proszę o kontakt.

Instalacja szablonu:

• Klikamy na przycisk z napisem "Skopiuj mój CSS" znajdujący się w prawej kolumnie.
• Następnie wchodzimy do panelu administracyjnego naszego bloga i w polu HTML wklejamy poniższy kod (zwracając szczególną uwagę na wyróżniony fragment):

<ul id="menu">
<li id="tab_01"><a href="/">Start</a></li>
<li id="tab_02"><a href="#">Kontakt</a></li>
<li id="tab_03"><a href="#">Informacje</a></li>
</ul>

<div id="search_box"></div>
<form action="http://google.com/custom" method="get">
<div id="search_form">
<div id="search_field"> 
<label for="search_text"> 
<span id="search_left"></span> 
<input id="search_text" name="q" type="text" /> 
<span id="search_right"></span>
</label></div>
<div id="search_button"> 
<input src="/resource/search_button.gif" type="image" name="sa" />
</div>
<input type="hidden" name="sitesearch" value="nazwa.blox.pl" />
<input type="hidden" name="domains" value="nazwa.blox.pl" />
<input type="hidden" name="hl" value="pl" />
</div></form>
<div class="other">
<!-- TRESC, DODATKI, LICZNIKI -->


<!-- TRESC, DODATKI, LICZNIKI KONIEC -->
</div>
<div id="design">
<span id="design_author">design by
<a href="http://longway.blox.pl">SenTineL</a></span>
<span id="design_title">
<a href="http://woodn.blox.pl">Wood.n</a>
</span></div>

Arkusz wspiera kilka popularnych skryptów autorstwa Eskey'a oraz S.z.y.m.o.n.a:

• wklejka Blogfrog "2w1"
• zawijane zakładki
• zawijane archiwum
• odnośniki społecznościowe
• ostatnie komentarze
• wyróżnienie własnych komentarzy

Jak umieścić na blogu przycisk głosowania Blogfrog?

Najpierw pobieramy plik blox.blogfrog.2w1.js, następnie umieszczamy go w zasobach naszego bloga, a w polu HTML wklejamy kod:

<script type="text/javascript" src="/resource/blox.blogfrog.2w1.js">
</script>

Dalej przechodzimy do arkusza CSS i dopisujemy:

#SkomentujListaTrackback {
	padding-top: 94px !important;
}

.BlogWpisInfo {
	margin-bottom: 58px !important;
}

Jak zainstalować skrypt "zawijane zakładki"?

Najpierw pobieramy plik blox.zakladki.2.js, następnie umieszczamy go w zasobach naszego bloga, a w polu HTML wklejamy kod:

<script type="text/javascript">
var rozwinod=1;
var rozwinile=1;
var kolstopka='#a59387';
</script>

<script type="text/javascript" src="/resource/blox.zakladki.2.js">
</script>

Jak zainstalować skrypt "zawijane archiwum"?

Najpierw pobieramy plik blox.archiwum.js, następnie umieszczamy go w zasobach naszego bloga, a w polu HTML wklejamy kod:

<script type="text/javascript" src="/resource/blox.archiwum.js">
</script>

Jak zainstalować skrypt "odnośniki społecznościowe"?

Najpierw pobieramy plik blox.soclinks.js, następnie umieszczamy go w zasobach naszego bloga, a w polu HTML wklejamy kod:

<script type="text/javascript" src="/resource/blox.soclinks.js">
</script>

Dalej przechodzimy do arkusza CSS i dopisujemy:

.BlogWpisInfo {
	margin-bottom: 58px !important;
}

Jak zainstalować skrypt "ostatnie komentarze"?

Najpierw pobieramy plik blox.lastcomments.js, następnie umieszczamy go w zasobach naszego bloga, a w polu HTML wklejamy kod:

<script type="text/javascript" src="/resource/blox.lastcomments.js">
</script>

Jak wyróżnić własne komentarze?

Najpierw pobieramy plik blox.comments.js i zapoznajemy się z instrukcją obsługi, następnie umieszczamy skrypt w zasobach naszego bloga, a w polu HTML wklejamy kod:

<script type="text/javascript" src="/resource/blox.comments.js">
</script>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris faucibus enim posuere pede. Phasellus semper varius massa. Nunc consectetuer diam. Integer leo eros, varius ut, dapibus sit amet, hendrerit a, odio. Donec tincidunt tincidunt lectus. Curabitur lectus eget nisl. Aliquam erat volutpat...

Nunc consectetuer pede vel leo. Cras pede est, molestie quis, pretium nec, dictum nec, metus. Nulla eget quam malesuada urna consequat viverra.