Blog > Komentarze do wpisu

Wood.n (Blox Edition)

Tak, nareszcie ukończyłem od dawien dawna zapowiadany szablon dla Bloksa. Portowanie Wood.n bez dwóch zdań zajęło mi niesamowicie dużo czasu, ale za to layout prezentuje się dokładnie tak, jakbym tego sobie życzył. Zanim jednak skupimy się na konkretach, chciałbym zaprezentować Wam filmik, obrazujący kolejne etapy powstawania stylu:

Pomysł na uwiecznienie tegoż procesu podkradłem z Perfection or Vanity. I to by było na tyle, jeśli chodzi o wstęp, przejdźmy teraz do praw autorskich. 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:

  • Odwiedzamy witrynę woodn.blox.pl i 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:

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>
czwartek, 26 lutego 2009, stl

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do notki:
Komentarze
2009/04/18 17:38:45
Mam problem właśnie z tym szablonem. Otóż pod tytułem nie pojawia mi się opis bloga. Co mogę zrobić?
-
stl
2009/04/18 17:53:51
Wejdź proszę do panelu administracyjnego, kliknij na zakładkę "Wygląd", w sekcji "Elementy" zaznacz opcję "Pokaż pole z opisem blogu pod tytułem" i gotowe.
-
2009/05/27 01:54:22
Nie pożyczam, ale jestem nim zachycona! Bardzo ładny szblon, inny niż wszystkie. Widać w nim wiele godzin twojej pracy. Podziwiam. Pozdrawiam

Goście

Mini blog

Blip

Treść bloga dostępna jest na licencji Creative Commons. by-nc-nd

stat4u