wayback machine ile site geçmişleri
wayback machine ile istediğiniz sitenin geçmişteki görünümlerine bakabilirsiniz. tıpkı bir zaman makinesi gibi sizi geçmişe götürecek.
işte birkaç örnek:
google '98
hotmail '97
blogger '99
sizin de eski görünümünü merak ettiğiniz siteler varsa: wayback machine
devamını oku..
sabit logo - static logo/watermark script
gönderen: turgut | kategori: blogger, javascript | tarih: 8.8.09
sayfa yüklendiğinde logo, efektle (fade in) ortaya çıkar ve sayfa aşağı yukarı hareket ettirilse de logo sabit kalır. önizleme için linkteki blogun sağ alt köşesine bakın: sabit logo
dynamic drive tarafından yapılmış static logo/watermark script'inin uygulanışına gelelim:
yerleşim>html'yi düzenle bölümü açılır ve </head> etiketi öncesine aşağıdaki kodlar eklenir:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://www.hotlinkfiles.com/files/2730784_munzd/staticlogo.js' type='text/javascript'/>
şablon kaydedilir.
sırada javascript kodlarının düzenlenmesi var.
staticlogo.js dosyasını açıp aşağıda kırmızı renk ile belirtilmiş bölümleri istediğiniz şekilde değiştirebilirsiniz:
logoHTML: '<a href="http://www.blogger.com" title="Blogger"><img src="http://i30.tinypic.com/2j49fv8.png" style="width:64px; height:64px; border:0" /></a>',
aşağıdaki kod satırında "orientation", logonun hangi köşede yer alacağını, "visibleduration" ise logonun sayfada ne kadar süreyle görüneceğini belirler.
setting: {orientation:4, visibleduration:0, fadeduration:[1000, 500]},
"0" değeri logonun her zaman görünmesini sağlar. sıfır yerine başka değerler yazılabilir (birimi milisaniyedir).
"4" değeri ise logonun sağ alt köşede yer almasını sağlar; diğer değerler:
1: sol üst köşe, 2: sağ üst köşe, 3: sol alt köşe.
aşağıdaki "10" değerleri de logonun köşelere olan uzaklığını gösterir.
offsets: {x:10, y:10},
devamını oku..
açılır menü - drop down panel
gönderen: turgut | kategori: blogger, javascript | tarih: 7.8.09
dynamic drive tarafından yapılmış bir açılır menüyü sizlerle paylaşacağım. önizleme için önce linke sonra da sol üstte bulunan "Tavan Arası"na tıklayın: drop down panel
açılır menü ile sayfanızda yer kaplamayan, istediğiniz içeriği barındıran bir menüye sahip olabilirsiniz.
uygulanışı:
yerleşim>html'yi düzenle bölümü açılır ve </head> etiketi öncesine aşağıdaki kodlar eklenir:
<link href='http://www.hotlinkfiles.com/files/2734713_6ppeg/ddpanel.css' rel='stylesheet' type='text/css'/> <script src='http://www.hotlinkfiles.com/files/2739937_rgssr/ddpanel.js' type='text/javascript'/>
ardından <body> etiketi sonrasına içeriğin bulunacağı kodlar eklenir:
<div class='ddpanel' id='mypanel'>
<div class='ddpanelcontent' id='mypanelcontent'>
<p style='padding:5px'>
<img class='closepanel' src='http://resim_linki.jpg' style='float:left; width:128px; height:128px;'/>
Buraya dilediğiniz içeriği ekleyebilirsiniz.
</p>
</div>
<div class='ddpaneltab' id='mypaneltab'>
<a href='#'><span>Tavan Arası</span></a>
</div>
</div>
şablon kaydedilir.
dosyalarda değişiklik yapmak istiyorsanız indirebilirsiniz: ddpanel.js | ddpanel.css
Notlar:
1 - "Tavan Arası" yerine istediğinizi yazabilirsiniz (aç/kapa gibi).
2 - panel butonunu tek bir resimle değil de iki resimle de oluşturabilirsiniz. böylece panelin açılıp kapandığı sırada resim de değişir (roll over efekti). istediğiniz resimlerin linklerini aşağıdaki kodlara sırasıyla eklemeniz gerekiyor:
pointerimage: {enabled: true, src: ["http://resim_linki1.png", "http://resim_linki2.png"]},
hazırladığım örnek resimler şu şekilde:
3 - panelin resme tıklanarak doğrudan kapatılabilmesi için resme "closepanel" sınıf adı verilir.
4 - Butonun, sayfanın sağında ya da ortasında olmasını istiyorsanız ddpanel.css dosyasındaki float değerlerini right ya da center yapmalısınız.
devamını oku..
Kayıtlar
