Htsz 
Blogger Product Expert
Blogowicz.Team
Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
|
Wysłany:
2011-11-15, 14:49 [blogger] jak zrobić archiwum ukrywane pod buttonem?
|
|
|
Temat wydzielony stąd.
Anulaa89 napisał/a: Drugie moje pytanie: Jak widać zrobiłam sobie takie jakby menu na blogu i chciałabym tam również dodać Archiwum bloga. Czyli po kliknięciu w grafikę rozsuwałoby się archiwum. Czy jest taka możliwość? 
Korzystasz zapewne z tego skryptu: rozwijane menu - przynajmniej na to wskazuje kod elementów menu.
Anulaa89 zaczynasz od części II
część I
Jest to dość stary poradnik. Kod Javascript: wystarczy wkleić raz w dokumencie (np. przy pierwszym menu, w polu gadżetu HTML/Javascript), potem jedynie określać jakie elementy mają mieć expandit: Kod <h6 style="font-size:8pt" onClick="expandit(this)">Tytuł działu</h6> Kod <span style="display:none;">
<BR>1.wiersz
<BR>2.wiersz
<BR>3.wiersz
<BR>4.wiersz
</span>
Mając taką wiedzę i użyty kod javascript przynajmniej raz - Ty masz wklejony 4 razy (do każdego przycisku) - możemy dopisać jedynie expandit i display do odpowiednich elementów w kodzie szablonu i powinno działać 
Instrukcja napisana dla opcji Hierarchia (rozwijana lista z latami i miesiącami).
Gadżet archiwum ma identyfikator BlogArchive1, przechodzimy zatem do edytora HTML i oszukujemy fragment w tym stylu (rozszerzamy szablony widżetów): Interesują nas dwie rzeczy: nagłówek i boks z treścią. Do h2 dopisujemy funkcję otwierania/zamykania, zamiast: Kod <h2><data:title/></h2>Kod <div class='widget-content'>
część II
Teraz przenoszenie tego elementu do reszty przycisków menu (instrukcja indywidualna dla Anulaa89, ale da się ją zastosować w innych przypadkach):
Oprócz tego co wykonaliśmy do tej pory musimy jeszcze przenieść gadżet archiwum bliżej reszty. W zakładce "Układ" przenieś go pod menu (złap i przesuń), zapisz układ. W sąsiadujących teraz gadżetach musimy zmienić wartości marginesów. Twój gadżet z menu ma identyfikator HTML9 (inni czytelnicy muszą sprawdzić jaki id="tutaj" ma ich gadżet), archiwum BlogArchive1. Przechodzimy do edytora HTML szablonu i w sekcji CSS dodajemy to:
Kod #HTML9 {margin-bottom: 0;}
#BlogArchive1 {margin-top: 0;}
#BlogArchive1 img {display: block; margin: 0 auto;}
daj znać czy działa
|
______________________________________________________ nie radzisz sobie?  pomoc indywidualna oraz blogi i strony na zamówienie
Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku.  |
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
. No ale to już nie dziś bo mam parę zamówień 
