16 Nisan 2012 Pazartesi

Türk Yapımı “Noty” Bilgilendirme Çubuğu

8 yorum

Daha önce kapatılabilir şeffaf bir bilgilendirme çubuğu paylaşmıştım.Bir arkadaşımın isteği üzerine yine buna benzer bir bilgilendirme çubuğu ararken Nedim Arabacı tarafından geliştirilmiş Noty ile karşılaştım ve sizlerle de paylaşmak istedim.

 

Türk Yapımı “Noty” Bilgilendirme Çubuğu

 

Bu kapatılabilir bilgilendirme çubuğu pat diye değil bir efekt ile açılıyor ve köşesindeki X ikonuna basılmadığı takdirde belli bir süre sonra kendiliğinden kapanıyor.Blogunuza nasıl ekleyeceğinize gelirsek…

 

1.Adım: Şablonunuzdan </head> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/61925244214/jquery-noty.js"></script>

<link rel="stylesheet" type="text/css" href="https://drive.google.com/file/d/0BxxMpDce-fNUQjl0cjd5ZXZfbWc"/>
<link rel="stylesheet" type="text/css" href="https://drive.google.com/file/d/0BxxMpDce-fNUd1Y1NlVqd1QtV0U"/>

 

2.Adım: Şablonunuzdan bu kez </body> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

<script type="text/javascript">
noty({"text":"Blog Hocam'ı Twitter'da takip edin! <a href='http://twitter.com/bloghocam' target='_blank'>@BlogHocam</a>","layout":"bottom","type":"success","textAlign":"center","easing":"swing","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":750,"timeout":10000,"closable":true,"closeOnSelfClick":false});
</script>

 

Bu çubuğu sayfanın 3 farklı yernde gösterebilirsiniz.Çubuğun sayfanın üst kısmında gözükmesini istiyorsanız bottom yazan yeri top ,  ortada bir pencere şeklinde açılmasını istiyorsanız center olarak değiştirebilirsiniz.

 

Nedim Arabacı’ya böyle bir uygulama geliştirip bizlerle paylaştığı için bir kez daha teşekkür ediyorum.http://needim.github.com/noty/#creator sayfasına gidip bu uygulamadan yararlanarak farklı tarzda çubuklar da oluşturabilirsiniz.

8 yorum:

  1. Teşekkürler yapanın ve paylaşanın ellerine sağlık.

    YanıtlaSil
  2. Uyguladım ancak görüntülenmiyor bir daha check edin isterseniz.

    YanıtlaSil
  3. Kontrol ettim çalışıyor, sorun yok.Tekrar deneyin isterseniz.

    YanıtlaSil
  4. Usta mesela ben bu çubuğun üstüne flash animasyon ekleyeceğim. Onu nasıl yapabilirim ?

    YanıtlaSil
  5. Merhaba, sayenizde blogumda yenilikler yaptım,ancak bunu başaramadım, bloguma gelenler hoş geldin yazısı ile karşılaşacaklardı ama olmadı,hata veriyor.
    yine de çok tşkler :)

    YanıtlaSil
  6. yahu hocam, şunun üstte duranı yokmu, yalnız üstte sabit kalsın istiyorum ben, sayfayı aşağıya kaydırdıkça oda inmesin. günlerdir arıyorum bir türlü bulamadım.
    şu temada en yukardaki kırmızı çizgili alan varya ondan istiyorum, rengi falan önemli değil, zaten oraya koymayı düşündüğüm bir resim var. valla bir yardım etsen süper olur ya
    http://themeguron.com/tensor-wp/

    YanıtlaSil
  7. hallettim hocam sonunda buldum kendim kodları kurcalaya kurcalaya. çok basit bir işlemi varmış.

    YanıtlaSil

Picardes

LİNKLER