Mobilny widżet

Postanowiłam ożywić ZI, bo wakacje, dorosłość itd.. Nie wiem, czy ktoś widział, że Disqus po zainstalowaniu wyświetla się na początku jedynie w wersji na komputery. Niedawno tłumaczyłam komuś, jak wstawić Disqus mobilny, więc może taka instrukcja się przyda.

<b:widget id='HTML2' locked='false'  title='Disqus for adres-bloga.blogspot.com' type='HTML' visible='true'>

Tak wygląda HTML Disqusa jedynie dla komputerów. Znajdź ten fragment w kodzie HTML bloga. By wyświetlał się mobilnie trzeba to zmienić na:

<b:widget id='HTML2' locked='false' mobile='yes' title='Disqus for adres-bloga.blogspot.com' type='HTML' visible='true'>

Można tak postępować z każdym gadżetem. Np. jeśli zrobisz skomplikowane, fajne menu, które dobrze wygląda jedynie na komputerze możesz sprawić, by było jedynie na komputerze, a do wersji mobilnej dodać zwykły gadżet stron. Mamy aż trzy ustawienia.

• mobile='yes' - widżet pojawia się zarówno na komputerze jak i na telefonie
• mobile='no' - widżet nie wyświetla się mobilnie
• mobile='only' - widżet wyświetla się się tylko w wersji mobilnej

Modyfikacja archiwum

Ostatnio szukałam sposobów na zmianę wyglądu archiwum w formie hierarchii. Nie znalazłam takiej instrukcji, więc kliknęłam zbadaj element i powpisywałam to, co zobaczyłam do arkusza css. Poznałam takie oto selektory:

• #BlogArchive1 ul.hierarchy a - każdy link w archiwum,
• #BlogArchive1 a.post-count-link - linki do roku, miesiąca, tygodnia,
• #BlogArchive1 ul.posts a - linki do konkretnych postów, gdyby więc wszystkie linki w archiwum miały być jedną czcionką, ale innych rozmiarów, to wiecie, co zrobić. 
• span.post-count - informacja, ile postów opublikowano w danym roku lub innym okresie w naszym archiwum,

Wszystkie te selektory dotyczą hierarchii. W przypadku listy potrzebne są takie:

• #BlogArchive1_ArchiveList - cała lista, np. do tła,
• #BlogArchive1_ArchiveList a - linki w liście, teoretycznie też da się tym zrobić tło, ale radzę wtedy dodać właściwość padding na przynajmniej kilka pixeli,
• #BlogArchive1_ArchiveList ul.flat li - punkty listy, jak chcesz ustawić punktor, to z tym właśnie działa,

Nie znalazłam selektora liczby postów. W przypadku menu potrzebny jest selektor: #BlogArchive1_ArchiveMenu i on wystarczy. Niezależnie od rodzaju archiwum jego tytuł to #BlogArchive1 h2. Nie widzę sensu dodawania tu gotowych kodów czy screenów efektów. 

Link w kółku z fajnym efektem

Witam was! Nadeszła pora na kolejną instrukcję! Otóż , ja to nazwałam link w kółku z fajnym efektem. Mamy do uzyskania taki efekt.

 

[JavaScript] Spis treści

Na prośbę Loli 

Miło nam, że mamy aktywnych czytelników, którzy pytają, wręcz domagają się instrukcji. Tak trzymajcie!

Na wstępie chciałabym jednak zaznaczyc, ze efekt na taki spis treści nie jest mojego autorstwa. O ile mnie pamięc nie myli, instrukcje brałam z bloga Elfaby.

No to lecimy z tym koksem.

Swój własny, niepowtarzalny podpis

Dzisiaj przedstawię prosty sposób na swój własny podpis na szablonie. Jest to obecnie dość popularny zabieg. Wielu szabloniarzy umieszcza ten dodatek. Jest on bardzo praktyczny, a przy okazji nieco upiększa szablon (bynajmniej moim zdaniem).

[Widżety] Bo każdy ma swoje imię - ID widżetów

Widżety, tak samo jak każdy z nas, posiada swoje własne "imię", które nazywane jest 'id'. Dzięki temu możemy sprawić, że każdy widżet będzie inny, jedyny w swoim rodzaju, wyjątkowy. Ale żeby go upiększyć, potrzebujemy wykonać kilka kroków. 

No to lecimy!

> szablon, na którym wzorowana jest instrukcja <