Sitenizin bir köşesinde siteniz için yaptığınız logonuzun sabit bir ÅŸekilde durmasını istiyorsanız bu script iÅŸinizi görecektir. Önce google’nin ajax kütüphanesi olan jquery.min.js scriptimizi sayfamıza dahil etmekle baÅŸlıyoruz.
Fakat bu dosyayı sürekli google’nin sitesinden baÄŸlantı yapacağınıza dosyayı bilgisayarınıza indirerek scripti lokal olarak da tanımlayabilirsiniz bunun için jquery dosyasını buradan diÄŸer script dosyamız olan staticloho.js dosyasınıda bu adresten indirebilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script type="text/javascript" src="staticlogo.js"> /*********************************************** * Site Logo script- © İnternet, Teknoloji, Yazılım, Ajax, Css, HTML (www.fikkir.net) * Sorunları lütfen bize bildiriniz * Sayfamızı ziyaret için http://www.fikkir.net ***********************************************/ </script> |
Scriptimizi düzenlemek için staticlogo.js dosasını açarak aşağıdaki değerleri değiştirebiliryorsunuz orientation birden dörde kadar değer alıp her biri bir köşeyi temsil etmektedir. (1 sol üst köşe, 2 sağ üst köşe, 3 sol alt köşei 4 sağ alt köşe) offsets logonun belirlenen köşeden ne kadar piksel uzakta duracağını xi ve y koordinatına göre belirler. logoHTML ise logomuzun bulunduğu adresi işaretler stiller ilgili bilgilerinide buraya giriyorsunuz logonun boyu ve eni gibi.
1 2 3 4 5 6 | setting: {orientation:4, visibleduration:20000, fadeduration:[1000, 500]}, //orientation=1|2|3|4, duration=millisec, fadedurations=millisecs offsets: {x:10, y:10},//logonun köşelerden ne kadar uzakta olacağı logoHTML: '<a href="http://www.fikkir.net" title="Fikkir.NET"> <img src="images/damge.png" style="width:50px; height:47px; border:0" /></a>', //logo için HTML, otomatikk sarma için w/ ID="mysitelogo" |
Sayfamızın sağ alt köşesinde kendi örneğimizi görebilirsiniz. Kod ile ilgili sorularınızı buraya yazabilirsiniz.
