MyBB Sitenizde Sağ ve Sol Boşluklara Sabit Reklam Ekleyin

0
Onaylı Üye
Üye
Katılım
3 Kasım 2012
Mesajlar
781
Tepki puanı
1
Konum
İzmir
3 Adımlı anlatım ile yapacaklarınız

1- Admin KP => Temalar => Kullanıdığınız Tema => Global.css

a) Öncelikle kullandığınız temanın genişliği, sağda ve solda 120 + 160 = 280px boşluğa izin verecek şekilde değilse, bunu sağlayalım: Sitenizin Genişliğini 1000px olarak ayarlamak gayet uygun bir çözümdür. Bunun için Global.css'i tıkladığınızda karşınıza gelen ilk seçeneklerdeki şu ayarları resimdeki gibi yapabilirsiniz.

mybb_tema_genislik_global_css_ayari.png


Bu şekilde düzenleme yapıp kaydedin.

b) Yine Global.css'i açın ve bu kez Gelişmiş Düzenleme'yi tıklayın. Açılan kod penceresinde en alta şu kodları ekleyin:
Kod:
#container {
    width: 1000px;
}
Bu kodla, işimizi garantiye alıp sitemizin tema genişliğini 1000px yaptık. Bu değer; sağına, soluna reklam eklenecek bir tema için ideal bir genişliktir. Tema genişliğini uygun hale geitrdik. Ancak aşağıya 2. adımı da yazıyorum ve yine Global.css'e aşağıdaki kodları ekleyeceğimiz için açık kalsın.

2- Global.css'e sağ ve sol boşluklara uygun reklam ayarlarını tanımlayalım

Bunun için şu kodları ekleyin:
Kod:
#reklam1 {
background: #ccc;    
width: 120px;
height: 600px;
position: fixed;
right: 0px;
top: 1px;
}

#reklam2 {
background: #ccc;    
width: 160px;
height: 600px;
position: fixed;
left: 0px;
top: 1px;
Bu kodla, sitemizin sağ tarafına 120x600 ve sol tarafına da 160x600 reklam ekleme ayarlarımızı yaptık. Bu kodları da ekleyince kaydedip global.css'i kapatabilirsiniz.

3- Sitemizdeki sağ ve sol boşluklara reklamları yerleştirelim

Admin KP => Şablonlar => Kullandığınız Tema Şablonları => Header (Üst) Şablonlar => Header

header şablonunun en üstüne şu kodları ekleyelim.

Sitenizin sağ boşluğuna gelecek reklam kodu şu şekilde olmalıdır:
Kod:
<div id="reklam1" style="float:right; position:fixed;"> 120x600 Reklam Kodunu buraya ekleyin </div>
Sitenizin Sol boşluğuna eklenecek reklam kodları da şöyle olmalıdır:
Kod:
<div id="reklam2" style="float:left; position:fixed;"> 160x600 Reklam Kodunu buraya ekleyin </div>
Bu kodlarla sitenizin sağ tarafına 120x600 ve sol tarafına da 160x600 reklamlarınızı başarıyla eklediniz. Üstelik bununla da kalmayıp, sitenizde % 100 görüntülenecek şekilde konumunu sabitlediniz.


Uygulama ile ilgili demo; an itibarı ile sitemiz: http://www.webmasterlord.net

Uygulama için gerekçeli, detaylı anlatım: MyBB Sitenizin Sağ ve Sol Boşluklarına Kayan Reklam Ekleme Kodları
 
0
Onaylı Üye
Yasakli Uye
Katılım
20 Temmuz 2008
Mesajlar
204
Tepki puanı
0
css kodlarına reklam eklemek mantıklı değil hızınızı azaltır + olarak .tpl dosyalarına ekleyebilirsiniz.
 
0
Onaylı Üye
Üye
Katılım
3 Kasım 2012
Mesajlar
781
Tepki puanı
1
Konum
İzmir
css kodlarına reklam eklemek mantıklı değil hızınızı azaltır + olarak .tpl dosyalarına ekleyebilirsiniz.
Css kodlarına reklam eklenmiyor ki burada. Reklam için yanlarda alan tanımı yapılıyor.

Reklam kodları, header'a ekleniyor.
 
Geri
Üst