Úžasné efekty pro Tumblr blogy

„Úžasný“ efekt je otázkou vkusu – to, co se vám může zdát přehnané, může být pro jiného uživatele Tumblr nejlepší. Pokud si chcete přidat vlastní efekty, musíte upravit zdrojový kód motivu, proto si pečlivě přečtěte všechny přiložené návody. První pokusy nemusí být dokonalé, ale výsledek bude jedinečný blog, který vás bude reprezentovat.

Textové efekty

Chcete-li blogu dodat trochu hravosti, můžete použít generátor duhového textu a vytvořit odkazy v klasické duhové škále. Pro výraznější a zároveň decentnější změnu zvolte vlastní font, který ladí s náladou vašeho blogu. Google Fonts nabízí více než 600 webových fontů – od jednoduchých sans‑serif až po ozdobné ručně psané styly – a jejich přidání vyžaduje jen drobné úpravy CSS. Pomocí CSS můžete také aplikovat gradienty a filtry na text (odkazy v sekci Zdroje).

Obrázkové efekty

Obrázky jsou klíčovou součástí Tumblr a CSS3 usnadňuje jejich vizuální úpravu. Například pomocí pseudo‑třídy :hover můžete změnit vzhled obrázku, když nad ním návštěvník přejede myší. Níže je ukázka, jak pomocí Webkit filtru převést všechny obrázky do odstínů šedi a při najetí je vrátit do původní podoby:

img { -webkit-filter: grayscale(100%); }
img:hover { -webkit-filter: grayscale(0%); }

CSS3 nabízí i další filtry – sépie, rozostření, úpravu kontrastu a další základní úpravy. O těchto filtrech a jejich použití se můžete dozvědět v článku „Say Hello to Webkit Filters“ na Tuts+ (odkazy v sekci Zdroje).

Efekty kurzoru

Další způsob, jak zaujmout návštěvníky, je změna vzhledu kurzoru. Například efekt „Rainbow Fireworks“ vytvoří malou ohňostrojovou explozi při kliknutí. Efekt „Sparkle Cursor“ nechává z kurzoru padající barevné jiskry. Nebo můžete nahrát vlastní obrázek a použít ho jako vlastní kurzor (odkazy v sekci Zdroje).

Celostránkové efekty

Web Snazzyspace nabízí řadu celostránkových efektů pro Tumblr. Jedním z nich je vyskakovací zpráva, která se zobrazí při první návštěvě – užitečná například pro varování o obsahu pro dospělé. Další populární volbou je animace padajícího sněhu, která vytvoří zimní atmosféru. Snazzyspace také poskytuje počítadlo návštěv, jež ukazuje aktuální i rekordní počet návštěvníků (odkazy v sekci Zdroje).