Bahanesi BoL GunLuK » Logo

Sayfanızla Beraber Aşağıya Doğru Kayan Bayrak

eka7a — Sat, 27 Mar 2010 15:38:51 +0000

Daha önce javascript ile sayfanıza nasıl statik bayrak(logo) ekleyebileceğinizi anlatmıştım.O biraz daha işin janjanlı (Hani Cem Yılmaz der ya janjanlı kımıl kımıl ) tarafı. Şimdi söyleyeceğim basit html kodları ile yapabileceksiniz.

Bu kodu ekleyerek sitenizin sağ tarafında bir bayrak logo artık ne derseniz(ben nazar boncuğu diyorum ) ekleyebilirsiniz.

[html][/html]

Koddaki float değerini sol(left) ya da sağa(right) olarak değiştirebilirsiniz.

margin değerleri ise sitenizde logoyu istediğiniz konuma getirmenize yarar. Deneme yanılma yolu ile istediğiniz konuma getirene kadar değerleri değiştiriniz.

position‘a verdiğiniz değer ise sayfanız ile beraber aşağıya doğru inmesini sağlar. Eğer sabit kalmasını istiyorsanız absolute değerini veriniz.

Demosuna bakmak istiyorsanız. OpenCart Türkiye sitesini ziyaret edebilirsiniz. Javascriptli Statik Logo yerine artık bunu kullanıyorum.

Javascript ile Sitenize Statik Logo Ekleyin – Static Logo

eka7a — Wed, 21 Oct 2009 19:49:26 +0000

Dynamic Drive sitesinde geçenlerde güzel bir javascript ile karşılaştım. Çok hoşuma gitti ve sizlerle de paylaşmak istedim. Dynamic Drive’deki sayfasına buradan ulaşabilirsiniz.

Bu logoyu sayfanıza direk olarak html kodlarıyla da ekleyebilirsiniz tabi ki ama bu Javascript ile eklediğiniz de giriş ve çıkış efekti verebiliyorsunuz. İsterseniz logonun belirli bir süre görünmesini sonra kaybolmasını sağlayabilir ya da sürekli kalmasını sağlayabilirsiniz. Logoyu OpenCart Türkiye sitesinde kullanıyorum. Siteyi ziyaret ederek inceleyebilirsiniz.

Uzatmadan kurulum ve ayarlara geçelim.

Kurulumu son derece basit eklemek istediğiniz sayfanın tagları arasına aşağıdaki kodları eklemeniz yeterli.

[code lang="js"]

[/code]

Bu javascript jquery kullandığı için jquery kaynak dosyasını da kullanmamız gerekli. Aksi taktir de çalışmayacaktır.

Ayarlarımızı staticlogo.js dosyasından yapacağız. Dosyayı metin editörü ile açınız(Tavsiyem gelişmiş bir editör olan NotePad++ kullanmanız). Ayarları dosyayı açtığınızda en üste bulunan şu kısımdan yapacağız.

[code lang="js"]var ddsitelogo={
setting: {orientation:2, visibleduration:10000, fadeduration:[1000, 1000]},
offsets: {x:0, y:0},
logoHTML: '',[/code]

setting kısmında bulunan orientation:2 site deki konumunu belirliyor. Buraya 1 den 4 e kadar değer verebilirsiniz.

1 değeri logoyu sitenin üstünde sol köşeye, 2 değeri logoyu sitenin üstünde sağ köşeye yaslar.

3 değeri logoyu sitenin altında sol köşeye, 4 değeri logoyu sitenin altında sağ köşeye yaslar.

visibleduration:10000 değeri görüneceği süreyi belirler. Sıfır yaparsanız süreli görünür.

fadeduration:[1000, 1000] değerleri giriş ve çıkış efekti süresini belirler. İlk 1000 değeri giriş ikinci 1000 değeri ise çıkış süresidir. visibleduration değerini sıfır olarak girdiğiniz de ikinci değerin bir anlamı(işlevi) yoktur.

Girdiğiniz süre değerleri milisaniye cinsinden dir. örn: 1000=1 sn

offsets: {x:0, y:0} değerleri logoyu yasladığınız yöne göre yukarı ve aşağıya doğru oynamanızı sağlar.

logoHTML: kısmında ise logo dosyanızın yolunu belirliyorsunuz.

Gerekli dosyaları buradan indirebilirsiniz: Static Logo

İçerisinde jquery-1.3.2.js, staticlogo.js, logo olarak kullanmanız için Türk bayrağı ve örnek bir sayfa mevcuttur.

Türk Bayrağı PNG Logoları 81 Adet

eka7a — Fri, 10 Apr 2009 10:25:59 +0000

Webmasterların çok işe yaracak olan bu logoları arşivinize katmanız çok iyi olucaktır. Günün birinde mutlaka ihtiyacınız olacaktır.

Resim boyutları 256×256 boyutlarında ve PNG uzantılıdır.

Görünüm açısından göze hoş görünen bu logoları ister benim gibi site üzerinde çeşitli efektlerle ekleyebilir isterseniz buton, avatar veya logo tasarımlarınızda kullanbilirsiniz.

İndirmek için tıklayın.