Niesamowite efekty dla blogów Tumblr

„Niesamowity” efekt zależy od oka obserwatora – to, co jednemu wydaje się kiczowate, może być najfajniejszym dodatkiem dla innego użytkownika Tumblra. Gdy już zdecydujesz się na własne efekty, musisz edytować kod źródłowy motywu, dlatego warto dokładnie przestudiować dołączone tutoriale przed rozpoczęciem prac. Może to wymagać kilku prób, aby osiągnąć idealną równowagę, ale końcowy rezultat będzie niepowtarzalnym wyglądem Twojego bloga.

Efekty tekstu

Jeśli chcesz dodać odrobinę fantazji, wypróbuj generator tekstu w tęczowych barwach, który tworzy linki w klasycznej palecie tęczy. Bardziej subtelną i jednocześnie efektowną zmianą jest zastosowanie własnej czcionki pasującej do nastroju bloga. Google Fonts oferuje ponad 600 gotowych do użycia czcionek – od prostych sans‑serif po ozdobne ręcznie pisane style. Dzięki CSS możesz także dodać gradienty i filtry do tekstu (zobacz linki w sekcji "Zasoby").

Efekty obrazu

Obrazy są kluczowym elementem Tumblr, a CSS3 umożliwia ich dynamiczną modyfikację. Przykładowo, używając pseudo‑klasy :hover, możesz zmienić wygląd obrazka, gdy użytkownik najedzie na niego myszką. Poniżej prosty kod, który wyświetla wszystkie obrazy w odcieniach szarości, a po najechaniu przywraca pełne kolory:

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

CSS3 oferuje także filtry takie jak sepia, rozmycie, regulacja kontrastu i inne podstawowe efekty edycji obrazu. Szczegóły znajdziesz w artykule "Say Hello to Webkit Filters" na Tuts+ (link w zasobach).

Efekty kursora

Zmiana wyglądu kursora to kolejny sposób na przyciągnięcie uwagi odwiedzających. Możesz np. dodać efekt "Rainbow Fireworks", który wywołuje małą eksplozję ogniw tęczowych przy kliknięciu, albo "Sparkle Cursor", powodujący opadające, kolorowe iskrzenie. Opcją jest także własny kursor – wystarczy wgrać dowolny obrazek, który zastąpi domyślny wskaźnik myszy (zobacz linki w zasobach).

Efekty na całej stronie

Strona Snazzyspace udostępnia zestaw efektów obejmujących cały blog. Przykładowo, możesz wyświetlić okienko powitalne przy pierwszym wejściu na stronę – przydatne przy ostrzeżeniach typu NSFW. Inny popularny efekt to animowane opady śniegu, które nadają stronie zimowy klimat. Snazzyspace oferuje również licznik odwiedzin, pokazujący aktualną oraz najwyższą liczbę gości (linki w zasobach).