29-01-2012 Saat: 21:17
Sağ ve Sol Kısımlara Bloksuz Reklam Alanı Eklemek
Merhaba arkadaşlar,
Bu konumuzda sitelerimizin hem sağ hemde sol alanlarına blok oluşturmadan ve tablo kodları kullanmadan CSS ile reklam nasıl eklenir onu öğreneceğiz.
Buyrun hemen dersimize geçelim..
İlk önce kullandığınız temanın / Global.css kalıpların / Gelişmiş düzenlemeye girip aşağıdaki kodları en sona ekliyoruz..
Global.css kalıplarından en sona eklenecek kodlarımız:
Kod:
.reklam_sag {
position: fixed;
top: 5px;
right: 5px;
border: 0px;
z-index: 40;
width: 120px;
}
.reklam_sol {
position: fixed;
top: 5px;
left: 5px;
border: 0px;
z-index: 40;
width: 120px;
}
Daha sonra kullandığınız temanın / Header şablonuna girip en üste şu kodları ekliyoruz.
Header şablonuna eklenecek kodlarımız:
Kod:
<div class="reklam_sag">Sağ Reklam Kodlarınız Buraya Eklenecek !</div>
<div class="reklam_sol">Sol Reklam Kodlarınız Buraya Eklenecek !</div>
Şimdi kodlarımız üsteki gibi, gelelim açıklama kısmına..
Temanızın genişliği eğer fazla ise sitelerinizde sorun olabilir, yani reklamlar sitenin üstüne gelebilir, bu durumda bu işlemi yapmadan önce temanın genişliğini düşürmeniz gerekiyor..
Ayrıca reklamları yukarı , aşağı, sağa ve sola kaydırabilmek için CSS kodlarındaki şu kodlar üzerinde işlem yapıyorsunuz..
Kod:
top: 5px;
left: 5px;
right: 5px;
Reklam alanı genişliği ise width: 120px; olarak sabittir, dilerseniz siz bu değeri kendinize göre düzenleyebilirsiniz tabi değeri yükselttiğiniz zaman temanın genişlik değerini düşürmeniz gerekiyor..
Ekran Görüntüsü:
Not : Konu destek.mybb.com.tr Sitesinden Alıntıdır.
Alıntı Adresi : http://destek.mybb.com.tr/mybb-sag-ve-sol-kisimlara-bloksuz-reklam-alani-eklemek-konusu.html