Hareketli Favicon Nasıl yapılır?

  • 19 Eylül 2016
  • 31 Okunma
  • Yorum Yok
  • 2 DK

Merhabalar Web tasarım severler,

Bir çok büyük firma web sitelerinde küçük değişikler yaparak büyük etkiler topluyor. Şuradaki yazımda (Webtures sekme olayı) bir örnek mevut.

Sizde web siteniz de bir yenilik yapmak isterseniz hareketli olarak favicon kullanabilirsiniz. Bu özelliği kullanabilmek için Jquery bilmeniz gerekmektedir eğer jquey biliyorsanız veya kütüphane kullanabiliyorsanız aşağıdaki favicon.js kütüphanesi ile hareketli bir favicon yapabilirsiniz.

DEMO İÇİN TIKLAYIN

Favicon.js nasıl kullanılır?

İlk olarak eklentiyi indirmeniz geremektekte. (İndirmek İçin Tıklayın)

İndirdikten sonra dosyanızda jQuey kütüphesinin son versiyonunu ekleyin.

 

Yukarıdaki Jquery kütüphesini ekledikten hemen sonra js dosyanıza veya script tagları arasına

 $(document).ready(function() { var i = 1; var favicon = new Favico({ animation : 'popFade' }); setInterval(function(){ favicon.badge(i); i++ },1000); }); 

Yukarıdaki örnek her 1sn de bir favicondaki sayıyı attıracaktır.

Yapmadığınız bir kısım olursa yorum yazarak sorabilirsiniz.

Hareketli Favicon Nasıl yapılır? Etiketleri:

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

Hareketli Favicon Nasıl yapılır? İle Benzer Yazılar

"Hareketli Favicon Nasıl yapılır?" Yazısına uygun diğer makalerler

Hareketli Favicon Nasıl yapılır?
Web Trendleri – Hareketli Logolar Geliyor
Web Trendleri – Hareketli Logolar Geliyor
Hareketli Favicon Nasıl yapılır?
Profesyonel Web Site Stratejileri – 1. Ay
Profesyonel Web Site Stratejileri – 1. Ay
Hareketli Favicon Nasıl yapılır?
Farklı sekmeye geçince title değiştirme
Farklı sekmeye geçince title değiştirme