Bu minik ve basit kodun yardımıyla site ziyaretçilerinize, rahatsız edici olmayan ve hoş bir açılır pencere içerisinde istediğiniz içeriği veya duyuruyu gösterebilirsiniz.
Üzerine tıklanınca kapanan bu minik ve şık açılır pencere, Koddostu tarafından, Html ve css ile hazırlandı.
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Tıklanınca Kapanan HTML Açılır Duyuru Kodu! Yeni!-->
<!--Kod Dostu Minik Açılır Pencere START-->
<style type="text/css">div.fixed-position{position:fixed;z-index:4000;background: #FFEBE0 url("http://icons.iconarchive.com/icons/custom-icon-design/office/32/alert-icon.png") no-repeat scroll 10px center ;border: 1px solid #999999;border-radius: 4px 4px 4px 4px;color: #444444;cursor: pointer;font-family: Tahoma,sans-serif;font-size: 12px;padding: 8px 8px 8px 50px;width: 200px;}div.fixed-s-e{top:20px;right:20px;}</style><!--Kod Dostu Minik Açılır Pencere Kodu--><style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="fixed-position fixed-s-e" onclick="this.style.display='none';">
<!--Kod Dostu Minik Açılır Pencere Kodu-->
Merhaba!<br/>
Kod içerisinde bu yazıyı bulup değiştirebilirsiniz! Pencere otomatik olarak yazılan içeriğin boyutunu alır
<a target="_blank" href="http://www.koddostu.com" style="color:#EEDCE1;text-decoration:none;position:absolute;top:0px;right:4px;">+</a>
</div>
<!--Kod Dostu Minik Açılır Pencere STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=45"></script>