Tumblr Blogları için Harika Efektler

Seyircinin gözünde "harika" bir efekt vardır - yapışkan bulduğunuz şey, başka bir Tumblr kullanıcısı için şimdiye kadarki en havalı efekt olabilir. Ancak, kendi özel efektlerinize karar verdikten sonra, temanızın kaynak kodunu düzenlemeniz gerekir, bu nedenle, atlamadan önce tüm efektler için dahil edilen öğreticileri dikkatlice okuyun. Blogunuz için doğru dengeyi bulmak için birkaç deneme gerekebilir, ancak sonuç size özel bir blog teması olacak.

Metin Efektleri

Blogunuza biraz tuhaf bir şeyler eklemek istiyorsanız, klasik bir gökkuşağı paletinde bağlantılar oluşturmak için Rainbow Text Generator'ı kullanmayı düşünebilirsiniz. Ancak, daha dramatik ve incelikli bir değişiklik, blogunuzun ruh haline uyan özel bir yazı tipi kullanmaktır. Google Fonts, basit sans serif yazı tiplerinden dekoratif el yazısı yazı tiplerine kadar, minimum değişiklikle Tumblr blogunuza uygulayabileceğiniz 600'den fazla Web için hazır yazı tipi sunar. CSS ayrıca metne degradeler ve filtreler uygulamanıza olanak tanır. (Kaynaklardaki Bağlantılar.)

Görüntü Efektleri

Resimler, Tumblr deneyiminin büyük bir parçasıdır ve CSS3, resimlerinizin sayfada görünme şeklini değiştirmeyi kolaylaştırır. Örneğin, ziyaretçiler üzerlerine geldiğinde resimlerin nasıl görüneceğini değiştirmek için CSS'de fareyle üzerine gelme sözde sınıfını kullanın. Aşağıdaki örnek, siz fareyle üzerlerine gelene kadar tüm resimlerin gri tonlamalı görünmesini sağlamak için bir CSS Webkit filtresi kullanır:

img {-webkit-filtre: gri tonlamalı(100%);} img:hover {-webkit-filtre: gri tonlamalı(0%);}

CSS3, sepya tonu, bulanıklaştırma, kontrast yönetimi ve diğer temel görüntü düzenleme efektleri gibi çeşitli filtreler sunar. Tuts+'dan "Webkit Filtrelerine Merhaba Deyin" makalesi bu filtreleri ve bunların nasıl kullanılacağını tartışıyor. (Kaynaklardaki bağlantı.)

İmleç Efektleri

Özelleştirme için başka bir yöntem, ziyaretçinizin imlecini değiştirerek kullanıcının odak noktasında görsel ilgi yaratmaktır. Örneğin, ziyaretçi sayfanızı tıkladığında havai fişek benzeri küçük bir patlama yaratan Gökkuşağı Havai Fişek efektini düşünün. Diğer bir seçenek de, ziyaretçinin imlecinden renkli parıltıların düşmesine neden olan Sparkle Cursor'dır. Üçüncüsü, ziyaretçinin varsayılan fare imlecini değiştirmek istediğiniz herhangi bir resmi yüklemenize izin veren özel imleçtir. (Kaynaklardaki Bağlantılar.)

Tam Sayfa Efektleri

Snazzyspace web sitesi, tüm blogunuzu etkileyenler de dahil olmak üzere Tumblr için çeşitli efektler sunar. Bir örnek, ziyaretçiler sayfanızı ilk kez yüklediğinde açılan bir mesajdır. Bu, herhangi bir uyarınız varsa (iş için güvenli olmayan içerik gibi) işe yarar. Diğer bir seçenek de, kış hissini uyandırmak için sayfanın üzerine kar taneleri bırakan düşen kar animasyonudur. Snazzyspace ayrıca blogunuz için hem mevcut ziyaretçi sayınızı hem de şimdiye kadarki en yüksek ziyaretçi sayınızı gösteren bir sayaç sunar. (Kaynaklardaki Bağlantılar.)