RESİMLİ ÇALIŞMA 2

KODU BURADA <style> .dugme{cursor:pointer;display:inline-block;padding:5px 10px; background:#eee; border:3px solid #009900; 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:900px; height:500px; background:#333333; box-shadow:0 0 6px 2px rgba(0,0,0,0.4); opacity:0; transition:opacity 0.6s ease-out; z-index:-1; padding: 0px; -webkit-border-radius: 3px; border-radius: 3px; margin:-475px 0 0 -450px; } .Pencereac{width:1px;height:1px;visibility:hidden;} .Pencereac:checked + .pencere{ top:50%;left:50%; display:block; z-index:9; opacity:1;}</style> <center> <div id="pencerekodu"><label for="pencere" class="dugme"><strong> İZLEMEK İÇİN TIKLAYINIZ</strong> <span style="color: rgb(0, 153, 0);"> </span> </label><input type="checkbox" class="Pencereac" id="pencere" name="pencere" /><label class="pencere"> <iframe src="https://www.youtube.com/embed/1zMEifwqwaw?rel=0&autoplay=0" frameborder="0" width="900" scrolling="no" height="500" name="stop" id="stop"></iframe> <label for="pencere" class="dugme" name="kapat"><span style="color: rgb(0, 0, 0);">TIKLA KAPAT</span></label></label></div><br> <img border="0" src="https://3.bp.blogspot.com/-crRPDIKzWgQ/WqJ-fE8NtcI/AAAAAAAAACk/SSA2TuxGy3wKHNrSnY-2zNe28PKSKcLKQCLcBGAs/s640/GelirOraya.JPG" width="573" height="840" /> </center>

İZLEMEK İÇİN TIKLAYINIZ TIKLA KAPAT