کد:
<style> #SenBackLoginBox{ background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; font: 11px tahoma; } #SenCodeLoginBox{ width: 40%; top: 27%; left: 28%; background: none repeat scroll 0% 0% #E5E5E5; position: absolute; margin: 0px auto; padding: 10px; border: 6px solid #28A9CC; text-align: justify; direction: rtl; border-radius: 4px; box-shadow: 0px 0px 15px #4B4849; z-index: 100; } #SenCodeLoginBox{ text-align: justify; direction: rtl; } .closeloginimg{ background: url(http://up.3nafari.ir/up/3nafari/theme3/img/close.png) repeat scroll 0% 0% transparent; width: 30px; height: 30px; float: right; margin: -27px; cursor: pointer; } </style> <script> function closebox(){ document.getElementById('SenBackLoginBox').style.display='none'; } </script> <div id="SenBackLoginBox"> <div id="SenCodeLoginBox"> <div class="closeloginimg" onclick="closebox();"></div> <center><img src="http://weblogmaster.com/link-v2/peransia.xyz/pic.jpg"> </center></div> </div>