„Страхотен“ ефект е в очите на наблюдателя - това, което намирате за лепкаво, може да бъде най-страхотният ефект за друг потребител на Tumblr. Но след като решите собствените си персонализирани ефекти, трябва да редактирате изходния код на темата си, така че прочетете внимателно всички включени уроци за всички ефекти, преди да влезете. Може да са необходими няколко опита за намиране на правилния баланс за вашия блог, но крайният резултат ще бъде уникална за вас тема на блога.
Текстови ефекти
Ако искате да добавите нещо малко причудливо към вашия блог, може да обмислите използването на Rainbow Text Generator за създаване на връзки в класическа дъгова палитра. По-драматична и фина промяна обаче е използването на персонализиран шрифт, който отговаря на настроението на вашия блог. Google Fonts предлага повече от 600 готови за уеб шрифта, които можете да приложите към вашия блог на Tumblr с минимални модификации, вариращи от прости безсерифни шрифтове до декоративни шрифтове за ръкописен текст. CSS също ви позволява да прилагате градиенти и филтри към текст. (Връзки в ресурси.)
Ефекти на изображението
Изображенията са голяма част от преживяването на Tumblr и CSS3 улеснява промяната на начина, по който вашите изображения се показват на страницата. Например, използвайте псевдокласа на курсора на мишката в CSS, за да промените начина на показване на изображенията, когато посетителите задържат курсора на мишката над тях .. Следващият пример използва филтър CSS Webkit, за да накара всички изображения да се показват в сивата скала, докато не задържите курсора на мишката върху тях:
img {-webkit-filter: сива скала (100%);} img: hover {-webkit-filter: сива скала (0%);}
CSS3 предлага няколко филтъра, като сепия тон, размазване, управление на контраста и други основни ефекти за редактиране на изображения. Статията „Кажи„ Здравей на филтрите на Webkit “от Tuts + разглежда тези филтри и как да ги използваш. (Връзка в ресурси.)
Курсорни ефекти
Друг метод за персонализиране е да промените курсора на посетителя си, създавайки визуален интерес към фокусната точка на потребителя. Например, помислете за ефекта Rainbow Fireworks, който създава малка експлозия, подобна на фойерверки, всеки път, когато посетителят щракне върху вашата страница. Друг вариант е искреният курсор, който кара цветните искри да падат от курсора на посетителя. Трето е потребителският курсор, който ви позволява да качите всяко изображение, което искате да замените курсора на мишката по подразбиране на посетителя. (Връзки в ресурси.)
Ефекти на цялата страница
Уебсайтът Snazzyspace предлага няколко ефекта за Tumblr, включително тези, които засягат целия ви блог. Един пример е съобщение, което се появява, когато посетителите заредят страницата ви за първи път. Това служи добре, ако имате някакви предупреждения (като например не-безопасно за работа съдържание). Друга възможност е падащата снежна анимация, която пуска снежинки над страницата, за да предизвика усещане за зимата. Snazzyspace предлага и брояч на вашия блог, който показва както текущия ви брой посетители, така и вашия най-висок брой посетители. (Връзки в ресурси.)
