Web Tasarım

Sayfanın Sağına ve Soluna Kayan Div Ekleme

Web sitenizin hem sağında hem de solunda kayan bir div ister misiniz?. Bir kaç kod ile bunu kolaylıkla halledebilirsiniz. Bu eklediğimiz divi ne için kullanacağız derseniz. Örneğin web sitenize reklam aldınız eğer sürekli ekranda görünür bir şekilde durursa kazancınızı daha çok arttıracaktır. Çünkü artık reklam dağıtıcıları yayınladıkları reklamın görünüm sürelerini de izliyorlar. Yada bir duyuru mu yayınlamak istiyorsunuz her açıldığında sürekli ekranda görüneceğinden dikkat çekecektir.




Şimdi yapacağımız işlemlerden bahsedelim önce. Siteye giren kişi hemen reklamları sağda ve solda görecek belki kapatmak isteyecektir diyerekten ufak bir JS ile kapatmak için fonksiyonumuzu header tagı içine yerleştiriyoruz

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
	function hide(id){
		var divObject=document.getElementById(id);
		divObject.style.display="none";
	}
	</SCRIPT>

Sağda ve solda görünecek divleri ekliyoruz

<div id="soldakayan" style="position: fixed; left: 0px; top: 0px; z-index: 1;"><A HREF="javascript:hide('soldakayan')">KAPAT</A><br>Görnemesini istediğinizi buraya yazın yada kodu ekleyin</div>
<div id="sagdakayan" style="position: fixed; right: 0px; top: 0px; z-index: 1;"><A HREF="javascript:hide('sagdakayan')">KAPAT</A><br>Görnemesini istediğinizi buraya yazın yada kodu ekleyin</div>

Reklamı açmak için bir kod yazmadım zaten reklamı kapatan adam açmak için uğraşmaz ama açtırmak istiyorsanız fonksiyona

function show(id){
		var divObject=document.getElementById(id);
		divObject.style.display="block";
	}

şu kodları yerleştirip divlerin açılacak divleri belirleyerek aşağıdaki kodla açabilirsiniz

<A HREF="javascript:show('sagdakayan')">Göster</A>
<A HREF="javascript:show('soldakayan')">Göster</A>

 

 

Yorum Yaz

*E-mail adresiniz gizli kalacaktır.

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

Öneriler

Yeni Makaleler