Widget zależny od wyszukiwanej etykiety



Ten widget jest zależny od etykiet i wyświetlany tylko podczas wyszukiwania wybranych - Zobacz opis

czwartek, 10 lutego 2011

Wydrukuj to...

Header Roller efect

Ukrywamy nagłówek bloga - efekt zastosowany w moim blogu pozwalający na ukrycie wysokiego nagłówka w blogu i zapamiętanie tej opcji ustawień dla odwiedzającego.
Mały ale bardzo pomocny efekt oszczędzający nasz czas i rolkę myszy :)

Rys.1

Zasada działania: wpis do cookie odp ustawień oraz ich odczyt na następnych stronach bloga.
Umiejscowienie: dowolne miejsce na blogu - w moim przypadku jest to gadżet strony i jego pierwsza pozycja. [Rys.1]



Aby go dodać w naszym blogu wyszukujemy PageList aż natrafimy na kod gadżetu:

<b:widget id='PageList1' locked='false' title='Strony' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
...


<script charset='windows-1250' src='http://stani_c1.republika.pl/GGadget/headroller.js' type='text/javascript'/>
powyższy kod JavaScript HeadRoller'a umieszczamy w tagach <li></li> aby uzyskać taki sam efekt jak pozostałe odsyłacze i doklejamy tuż po tagu <ul>

<b:widget id='PageList1' locked='false' title='Strony' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<li><script charset='windows-1250' src='http://stani_c1.republika.pl/GGadget/headroller.js' type='text/javascript'/></li> 
<b:loop values='data:links' var='link'>
...


Jeśli chcesz mieć efekt HeadRoller'a z prawej strony - czyli na końcu gadżetu strony - wklej kod tuż przed tagiem </ul>
Możesz też wkleić go w dowolnym innym miejscu w szablonie lub w gadżecie HTML/JavaScript.

Aby nasz efekt dopasować do szablonu możemy w stylu CSS dodać nowy arkusz .headroller { } z odpowiednimi wpisami.
Użyte prze zemnie style poniżej:
.tabs-inner .widget li a, .headroller { height:17px; } 
.headroller { padding: 0px; margin: 0px; }

Zapisujemy oczywiście zmiany w szablonie i cieszymy się nową funkcją w gadżecie strony.

Mając do dyspozycji ukrywanie gadżetów w bocznych kolumnach możemy się teraz cieszyć pełną dynamiką na stronach naszego bloga.

pozdrawiam...


10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Nie napisano jeszcze komentarzy. Zapraszamy więc do dyskusji...
Już teraz przyłącz się do dyskusji i dodaj nowy komentarz


Podoba ci się modyfikacja sekcji komentarzy - opis znajdziesz tutaj: Tuning komentarzy

Prześlij komentarz

Zapraszam do komentowania i wyłapywania ew. błędów... Twoje IP: