یک قالب جدید و زیبا را برای شما عزیزان طراحی کردم و کدنویسی و کمی هم از سایت های کدستان کمک گرفتم
امیدوارم که خوب طراحی کرده باشم
کد قالب :
<!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>GoodBye Blogging</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $('.dismoisrex').fadeIn(1000); function moisrexanimate(){ $('.green').animate({'left':'80%'},500).animate({'left':'0'},500); $('.red').animate({'right':'80%'},500).animate({'right':'0'},500,moisrexanimate); }; moisrexanimate(); $('.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("$('.moisrex').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; } .moisrex{ width:300px; 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;}.moisrex{display:block;}</style></noscript> <center class="m1 div"> این سایت غیر فعال است. </center> <center class="m2 div"> سایت از دست رس شما خارج است. </center> <div class="moisrex div"> عنوان سایت شما رو آف کردم چون : <ol> <li>دلایل شما</li> <li>دلایل شما</li> <li>دلایل شما</li> <li>دلایل شما</li> <li>دلایل شما</li> </ol> توضیح دلیلتان از بستن وب <br /> آی دی یاهو : ای دی یاهو شما <br /> وبلاگ شخصی <a href="ادرس وبلاگ شخصی">نام وبلاگ شخصی"</a> <br /> صفحه فیس بوک <a href="ادرس فیس بوک شما">نام شما به لاتین در فیس بوک</a> <br /> <center><b>دوستان ما</b></center> <br /> <a href="ادرس سایت شما"><img src="ادرس لینک تصویر شما" /></a> </div> <div style="position:absolute;top:-200%;"></div><div class="dismoisrex" 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>
