Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     Reklam alanını sabitleme işlemi
     admin     30.11.2012     20:04:27

Bir çok web sitesinde gördüğümüz reklam alanlarının sabitlenmiş olduğunu görürüz. Reklam alanları genellikle, sola dayalı hazırlanmış web sayfalarının sağ tarafında, ortalanmış sayfaların sol ve sağ taraflarında olabilecek şekilde yerleştirilirler. Bu reklam alanları, biz sayfamızı kaydırmak çubukları ile aşağı/yukarı hareket ettirsek bile terlerinde sabit kalırlar ve ziyaretçiler tarafından sürekli görülmesi sağlanır.



Bu işlem için aşağıdaki verilen kodları deneyiniz. Bu örnekte, içeriği sola dayalı gösterilen ve reklam alanı sağda olan bir sayfa gösterilmiştir. Denediğinizde göreceksiniz, siz farenizle sayfanızı aşağı yukarı hareket ettirseniz bile reklam alanı sabit kalacaktır.

Bu örnekte reklam alanının gösterileceği bir <div> etiketinin position özelliğine fixed değeri verilerek bu işlem gerçekleştirilmiştir.

<html>

<HEAD>

<style type="text/css">

.sabitle {

  position:fixed;//Reklam alanının sabit kalmasını sağlıyor

  top:30px;

  right:75px;

  height:300px;

  width:200px;

  background-color:gray;

  color:white;

  font-weight:bold;

  text-align:center;

  font-size:12pt;

  }

#kutu {

  width:600px;

  height:1200px;

  background-color:#FF0;

  text-align:center;

  font-size:18pt;

    }

</style>

</HEAD>

<body>

<div class="sabitle">

   Sabitlenmiş Öğe

<br><br><br><br><br><br>

REKLAM ALANI   

</div>

<div id="kutu">SİTE İÇERİĞİ BURADA GÖRÜNTÜLENİR</div>

</body>

</html>

Facebook'ta Paylaş    
Diğer CSS İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...