Sitene açılır pencere kodu ekle (javascriptsiz lightbox)
Hakettiysem +rep verebilirsiniz:)
DEMO:açılan sayfada altta buraya tıkla yazan yere tıklayarak demoyu goruntuleyebilirsiniz.
Kod:
<a style="text-decoration: none;" href="javascript:void(0)" onclick="document.getElementById('guru').style.display='block';">
Buraya Tıkla</a>
<style type="text/css">
.kte_conent {font-family:trebuchet ms;font-size:14px;text-align: justify; display: none; position: fixed;top:10%;left:20%; height:60%;width: 60%; padding: 16px;border: 6px solid #0080FF; background-color: white; z-index:2003; overflow: auto; }
</style>
<div align="center">
<div id="guru" class="kte_conent" align="center">
<a href="http://siteneeklekodlari.blogspot.com/2011/10/sitene-aclr-pencere-kodu-ekle.html" target="_blank"><img style="position:absolute;bottom:0px;right:0px;border:none;width:90px;float:right;" src="http://img607.imageshack.us/img607/5117/35219057.png" /></a>
<h3>
<span style="color:#3366ff;">Başlık</span></h3>
Yazı
<br/>
<center><a href="javascript:void(0)" onclick="document.getElementById('guru').style.display='none'"><button style="border: 2px outset rgb(0, 128, 255); background: none repeat scroll 0% 0% rgb(0, 128, 255);">Kapat</button></a></center>
</div></div>
Hakettiysem +rep verebilirsiniz:)
DEMO:açılan sayfada altta buraya tıkla yazan yere tıklayarak demoyu goruntuleyebilirsiniz.