Невероятни ефекти за Tumblr блогове

„Страхотен“ ефект е въпрос на възприятие – това, което вие смятате за арогантно, може да бъде любимото визуално решение на друг потребител на Tumblr. Когато изберете свои персонализирани ефекти, е необходимо да редактирате кода на темата, затова внимателно прегледайте включените уроци преди да започнете. Първоначално може да са нужни няколко опита, за да постигнете желаното съотношение, но в резултат ще получите уникална тема за вашия блог.

Текстови ефекти

Ако искате да добавите нотка игривост, пробвайте Rainbow Text Generator, който създава линкове в класическа дъгова палитра. По-деликатен, но същевременно ефектен подход е използването на персонализиран шрифт, съобразен с настроението на блога. Google Fonts предлага над 600 уеб‑готови шрифта – от прости сан‑серифи до декоративни ръкописни – които се интегрират в Tumblr с минимални промени. С CSS можете също така да прилагате градиенти и филтри към текста (вижте раздел „Ресурси“).

Изображения

Снимките са сърцето на Tumblr, а CSS3 улеснява тяхната визуална трансформация. Например, чрез псевдо‑клас :hover можете да променяте изгледа на изображенията, когато посетителят задържи курсора над тях. Следният пример прави всички снимки в сивото, докато не се задържи курсорът върху тях:

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

CSS3 разполага с редица филтри – сепия, размазване, регулиране на контраста и други базови ефекти за обработка на изображения. За повече информация вижте статията „Say Hello to Webkit Filters“ в Tuts+ (линк в раздел „Ресурси“).

Курсорни ефекти

Промяната на курсора на посетителя създава интересен визуален акцент. Пример е „Rainbow Fireworks“ – при клик се появява малка експлозия от дъгови искри. Друга възможност е „Sparkle Cursor“, която оставя цветни искринки зад курсора. Можете също да зададете персонализиран курсор, като качите собствено изображение вместо стандартния указател (линкове в раздел „Ресурси“).

Ефекти за цялата страница

Сайтът Snazzyspace предлага набор от ефекти, които засягат цялото съдържание на блога. Един пример е изскачащо съобщение при първото зареждане на страницата – удобно за предупреждения (например NSFW съдържание). Друга опция е падащият сняг, който създава зимна атмосфера. Snazzyspace предлага и брояч на посетителите, показващ текущия и най-високия брой посещения (линкове в раздел „Ресурси“).