<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>☼☼ غیر فعال ☼☼</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $('.notpublish').fadeIn(1000); function sababloganimate(){ $('.green').animate({'left':'80%'},500).animate({'left':'0'},500); $('.red').animate({'right':'80%'},500).animate({'right':'0'},500,sababloganimate); }; sababloganimate(); $('.m1').animate({left:'30%'},500).animate({left:'70%'},4000).animate({left:'110%'},300); setTimeout("$('.m2').animate({top:'30%'},500).animate({top:'70%'},4000).animate({top:'110%'},300);",4500) setTimeout("$('.arka').show(1000);",9000); }); </script> <style> body{ color:#333; font:11px tahoma; overflow:hidden; } a{ color:#888; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; text-decoration:none; } a:hover,a:focus{ color:#000; } .arka{ width:300px; height:150px; margin-left:-150px; margin-top:-75px; display:none; top:50%; text-align:right; left:50%; } .m1{ width:200px; top:20%; left:-100%; } .m2{ width:200px; top:-100%; left:20%; } .div{ position:absolute; background:#f5f5f5; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; padding:10px; direction:rtl; box-shadow:0 0 10px #ddd inset; -moz-box-shadow:0 0 10px #ddd inset; -o-box-shadow:0 0 10px #ddd inset; -webkit-box-shadow:0 0 10px #ddd inset; -khtml-box-shadow:0 0 10px #ddd inset; -ms-box-shadow:0 0 10px #ddd inset; } .topline{ position:absolute; top:0; height:10px; width:99%; } .bottomline{ position:absolute; bottom:0; height:10px; width:99%; } .red{ background:#ccc; height:5px; width:20%; position:absolute; right:0; } .green{ background:#ccc; height:5px; width:20%; position:absolute; left:0; margin:5px 0 5px 0; } .topline .red, .topline .green{ top:0; } .bottomline .red, .bottomline .green{ bottom:0; } </style> </head> <body> <noscript><style>.m1,m2{display:none;}.arka{display:block;}</style></noscript> <center class="m1 div"> این سایت غیر فعال است. </center> <center class="m2 div"> سایت از دست رس شما خارج است. </center> <div class="arka div"> این سایت به دلایل زیر توسط مدیر غیر فعال شده است: <ol> <li>ایجاد تغییرات و قالب و محتوا</li> <li>مشغله و کار زیاد</li> <li>نداشتن وقت برای رسیدگی به مشکلات</li> </ol> </div> <div class="notpublish" style="display:none;"><div class="topline"><div class="green"></div><div class="red"></div></div><div class="bottomline"><div class="red"></div><div class="green"></div></div></div> </body> </html>