<?php @session_start(); ?> <style type="text/css"> #trans{ width:100%; height:100%; margin:-22px 0px 0px 0px; display:block; background:#000; position:fixed; z-index:999; opacity:0.7; filter:alpha(opacity=70); } #ust{ position:absolute; z-index:9999; background:#FFF; width:900px; padding:20px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; text-align:center; border:3px #000 solid; top:80px; } #pop-up{ position:relative; z-index:999999; } </style> <?php if($_SESSION['ana_sayfa']!="ana"){ ?> <div id="pop-up" class="hidden-xs"> <div id="ust" class="container light_ic"> <a href="#" class="light_x" style="position:absolute; top:-20px; right:-15px;"><span class="glyphicon glyphicon-remove"></span></a> <img src="images/35-logosu.png" width="100%" /> <div class="temizle"></div> </div> <div id="trans" class="light_back"> </div> </div> <?php } ?> <script type="text/javascript"> $(function(){ $(".light_back").css("opacity",0.8); $(window).bind('resize', function(){ var yeni_w = $(this).width(); var yeni_h = $(this).height(); var kutu_g = $(".light_ic").width(); //$(".light_back").css("height",(yeni_h)+"px"); $(".light_ic").css("left",((yeni_w-kutu_g)/2)+"px"); $(".light_x, .light_back").click(function(){ $(".light_ic").css("display","none"); $(".light_back").css("display","none"); }); }).resize(); }); </script>