Sitene Köşe Resmi
Başlıktan anlaşıldığı gibi css olarak bu işin her yönünü çözen bir yazı hazırlamak istedim böylelikle herkes aradığına kavuşmuş olacak..
Yazımızdan sonra sağ alt, sol alt, sağ üst, sol üst bu 4 köşeden istediğinize istediğiniz resmi ekleyebileceksiniz..Ve resim taşıdığı bağlantı ile sayfa boyunca o köşede sabit kalacak..Ayrıca bu yaptığımız css düzenleme sadece firefoxda değil internet explorer 7 dede çalışacak..
Önce kodları ham haliyle vericem daha sonrada vbulletin için özel bir kullanım şekli göstericem..
Geçelim yazımıza öncelikle köşeye gelecek resmi ayarlayın ben yazımda sağ alt köşe için demo resim kullanıcam…
Yukarıdaki resmi sağ alt köşeye sabitleyip sitemizdeki bir konuya yada bir reklam veren sitesine bağlantı ekleyeceğiz..
Site scriptlerinde genellikle index.php index.html bazı sistemlerde header.php bulunmaktadır birde css kayıtlarını eklediğimiz bölüm yada dosya vardır sisteminize göre bu ayarlamaları siz yapacaksınız ben ise kodları vericem..
Resmimizi ftpye atıcaz ardından temamızın yada sitemizin index.php yada header.php sini açıcaz aşağıdaki kodu <head> ardına ekleyeceğiz..
<div id="lordiz"><a href="http://www.lordiz.com" "target="_blank" title="Resim üstüne gelince çıkan text"></a></div>
Yukarıdaki kodu <head> ardına eklediysek şimdi div id tanımı olan lordiz’i css ayarlarından tanımlayalım..
Sitenizin ek css bölümü veya style.css dosyasını açın en alta şunu ekleyin..
#lordiz a {
position: absolute;
bottom: 0px;
right: 0px;
position: fixed;
text-indent: -1000px;
width: 100px;
height: 85px;
overflow: hidden;
background: url("http://sites.google.com/site/lordizweb/lordiz2/demo.gif") 0 0 no-repeat;
}
bu işlemide yaptıktan sonra 2 dosyamızıda yerlerine gönderelim veya ayarları kayıt edelim..Bu işlemler ve resimin adresini doğru yaptığınızda ve 2 kodda da sitenize uygun editlemeleri yaptıktan sonra hem firefoxda hemde internet explorerda sitenize baktığınızda sağ alt köşeye sabitlenmiş yukarıdaki demo resmi veya kendi eklediğiniz resmi göreceksiniz…(Bazı sitelerde sadece Firefoxda çalışanı kullanılıyor bu nedenle bu kodlama daha kullanışlı)
Şimdi yukarıdaki kodlamada duruma göre yapılacak editlemelere gelelim..Düzenlemeler bottom: 0px ve right: 0px kodları yerine top left kodları eklenerek yapılacak dikkatle okuyun..
Örneğin resmi sol alta dayayacaksanız.. sadece right: 0px i silip left: 0px yapacaksınız..
Resmi sağ üste dayayacaksanız..bottom: 0px silip top: 0px yazacak sınız ve right: 0px olacak..
Resmi sol üste dayayacaksanız…top: 0px dururken right: 0px i silip left: 0px yazacaksınız..
Yukarıda anlattıklarım çok açık dediklerimi aynen yaparsanız ekranda her istediğiniz köşeye istediğiniz resmi link ile ekleyebileceksiniz…Gelelim uyarılara..Ftpye attığınız resim 100×100 boyutlarından fazla olursa sayfayı gezerken ekranda donma titreme yapar ufak resim daha makbuldür..Ayrıca ftpye attığınız resim boyutu 70×100 iken css ayarlarında resim boyutu 85×100 kalırsa resim köşeye oturmaz resimlerin boyutunu resim boyutu yazan satırda düzenlemeyi unutmayın..
Resim boyutunun yazdığı satırlar..
width: 100px; (genişlik)
height: 85px; (yükseklik)
Vbulletin kullanıcıları içinde özel bir eklemem olacak diyelimki görünecek resim kayıt ol resmi ve bu resmi ziyaretçilere göstermek istiyorsunuz o zaman yapmanız gereken header şablonuna ekleyeceğiniz kodu şu şekilde eklemek olmalı..
<if condition=“$show['guest']“><div id="lordiz"><a href="http://www.lordiz.com" "target="_blank"></a></div></if>
Yukarıdaki yöntemi smf webwiz mybb ipboard vb forum sistemlerinde scripte uygun kodlamalara uyarlayarak tüm forum yöneticileri kullanabilirler..
Yukarıda anlattıklarımın işinize yarayacağına eminim anlattıklarımı wordpress,avarcade,vbulletin,smf ve joomlada denedim çalışıyor diğer scriptlerdede çalışmaması için neden yok lütfen işlemleri dikkatle yapın..
bu yazı bir www.lordiz.com alıntısıdır.