<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>Sağ ve Sol Kayan Banner Kullanımı</title>
</head>
<body>
<style>
#solkayan { width:160px; height:300px; left:10px; position:fixed; background:#FF0000; z-index:9999; }
#sagkayan { width:160px; height:300px; right:10px; position:fixed; background:#0099FF; z-index:9999; }
.ok { cursor:pointer; font-family:Verdana; font-size:11px; background:#333; color:#FFF; padding:3px; padding-right:6px; }
.ok:hover { background:#888; }
</style>
<div id="solkayan">
<div align="right" onclick="document.getElementById('solkayan').style.display='none';" class="ok">Reklamı Kapat</div>
Sol Kayan İçerik veya resim eklenecek kısım</div>
<div id="sagkayan">
<div align="right" onclick="document.getElementById('sagkayan').style.display='none';" class="ok">Reklamı Kapat</div>
Sol Kayan İçerik veya resim eklenecek kısım</div>
<center>
<div style="width:1000px; height:2000px; background:#f5f5f5; border:1px solid #ccc;">Sayfayı aşağıya doğru uzatmak için içerik ekliyoruz</div>
</center>
</body>
</html>