Úžasné efekty pro blogy Tumblr

„Úžasný“ efekt je v oku pozorovatele - to, co považujete za lepkavé, může být nejlepší efekt pro jiného uživatele Tumblr. Ale jakmile se rozhodnete pro své vlastní efekty, musíte upravit zdrojový kód motivu, proto si pozorně přečtěte všechny přiložené návody pro všechny efekty, než se do nich pustíte. Hledání správné rovnováhy pro váš blog může trvat několik pokusů, ale konečný výsledek bude pro vás jedinečné téma blogu.

Textové efekty

Pokud chcete do svého blogu přidat něco trochu rozmarného, ​​můžete zvážit použití generátoru duhových textů k vytváření odkazů v klasické paletě duhy. Dramatičtější a jemnější změnou je však použití vlastního písma, které odpovídá náladě vašeho blogu. Google Fonts nabízí více než 600 písem připravených na web, která můžete použít ve svém blogu Tumblr s minimálními úpravami, od jednoduchých bezpatkových písem až po dekorativní ručně psaná písma. CSS také umožňuje použít přechody a filtry na text. (Odkazy ve zdrojích.)

Obrazové efekty

Obrázky jsou velkou součástí prostředí Tumblr a CSS3 usnadňuje změnu způsobu, jakým se vaše obrázky zobrazují na stránce. Například pomocí pseudotřídy přechodu v CSS můžete změnit způsob, jakým se obrázky zobrazují, když nad nimi návštěvníci umístí kurzor. Následující příklad používá filtr CSS Webkit k tomu, aby se všechny obrázky zobrazovaly ve stupních šedi, dokud na ně nepřejedete kurzorem:

img {-webkit-filter: stupně šedi (100%);} img: vznášet se {-webkit-filter: stupně šedi (0%);}

CSS3 nabízí několik filtrů, například sépiový tón, rozostření, správu kontrastu a další základní efekty pro úpravu obrázků. Článek „Say Hello to Webkit Filters“ od Tuts + pojednává o těchto filtrech a o tom, jak je používat. (Odkaz ve zdrojích.)

Kurzorové efekty

Další metodou přizpůsobení je změna kurzoru návštěvníka a vytvoření vizuálního zájmu v ohnisku uživatele. Zvažte například efekt Rainbow Fireworks, který vytváří malý výbuch podobný ohňostroji, kdykoli návštěvník klikne na vaši stránku. Další možností je Sparkle Cursor, který způsobí, že z kurzoru návštěvníka vypadnou barevné jiskry. Třetí je vlastní kurzor, který umožňuje nahrát jakýkoli obrázek, který chcete nahradit výchozí kurzor myši návštěvníka. (Odkazy ve zdrojích.)

Celostránkové efekty

Web Snazzyspace nabízí pro Tumblr několik efektů, včetně těch, které ovlivňují celý váš blog. Jedním příkladem je zpráva, která se objeví, když návštěvníci načtou vaši stránku poprvé. To slouží dobře, pokud máte nějaká varování (například obsah, který není bezpečný pro práci). Další možností je animace padajícího sněhu, která na stránku kape sněhové vločky, aby vyvolala pocit zimy. Snazzyspace také nabízí počítadlo vašeho blogu, které zobrazuje jak váš aktuální počet návštěvníků, tak váš dosud nejvyšší počet návštěvníků. (Odkazy ve zdrojích.)