MinikUzman | Bilgisayarın En Derinliklerinden: Pop up kodu

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.alanyareklam.com/images/haberler/1757-grafiktasarim.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://www.alanyareklam.com/images/haberler/1757-grafiktasarim.jpg" width="200" /></a></div>
Açılır pencere kodu ile yazıları pencerenin içine ekleyin. Bu bir pop up değildir. Sadece javascript'i yoktur. Bu normalde alıntıdır fakat değişiklikler yapılmıştır.<br />
<br />
<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="cursor: url(''); height: 50px; width: 385px;"><div id="pencerekodu">
<label for="pencere" class="dugme">

Pencereyi Aç

</label><input type="checkbox" class="Pencereac" id="pencere" name="pencere"></input><label class="pencere">

Pencere İçeriğini Bu Alana Yazabilirsiniz.

<label for="pencere" class="dugme" name="kapat">Kapat</label></label></div>
<style> .dugme{cursor:pointer;display:inline-block;padding:5px 10px;background:#eee;border:1px solid #d8d8d8;font-family:Helvetica, Arial, sans-serif;font-size:14px;color:#444; -webkit-border-radius: 3px; border-radius: 3px; } [name="kapat"]{position:absolute;bottom:20px;right:20px;} .pencere{ position:fixed;top:-50%;left:-50%; width:380px;height:280px;background:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,0.4); opacity:0; transition:opacity 0.6s ease-out; z-index:-1; padding:10px; -webkit-border-radius: 3px; border-radius: 3px; margin:-150px 0 0 -200px; } .Pencereac{width:1px;height:1px;visibility:hidden;} .Pencereac:checked + .pencere{ top:50%;left:50%; display:block; z-index:9; opacity:1;}</style>