کد قالبی که برای زمانی که سرور قطع است استفاده می شود

البته می توان این کد را در محل های دیگر نیز استفاده کنید. این قالب زیبا با استفاده از جی کوئری ساخته شده است.

این قالب زیبا می تواند کاربرد های فراوانی داشته باشد و شما می توانید برای هر چیز دیگری نیز از آن استفاده کنید. من فقط به خاطر یک دمو و داشتن یک موضوع این قالب را برای ارتقا سرور نام گذاری کردم در حالی که استفاده های فراوانی می تواند داشته باشد.

برای دیدن دمو اینجا کلیک کنید.

<!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 type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $('.div').show(700); setTimeout("$('.div').animate({top:'10%'},1000);$('.div2').show(1000);",2000); setTimeout("$('.div').animate({top:'60%'},500);$('.div3').fadeOut(500);$('.div2').animate({top:'40%'},1000);",10000); $('.dismoisrex').fadeIn(1000); function moisrexanimate(){ $('.green').animate({'left':'80%'},500).animate({'left':'0'},500); $('.red').animate({'right':'80%'},500).animate({'right':'0'},500); }; setTimeout("$('.dismoisrex').fadeTo(5000,0.05)",3000) setInterval(function(){moisrexanimate();},0); }); </script> <style> .topline{ position:absolute; top:0; height:10px; width:99%; } .bottomline{ position:absolute; bottom:0; height:10px; width:99%; } .red{ background:#aaa; height:5px; width:20%; position:absolute; right:0; } .green{ background:#aaa; 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; } body{ font:11px tahoma; direction:rtl; overflow-x:hidden; padding:10px 0 0 10px; } .div{ position:absolute; top:50%; left:50%; width:300px; height:40px; padding:20px; border:1px #ccc solid; margin-top:-30px; margin-left:-170px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; text-align:center; background:#f5f5f5; display:none; } .div2{ display:none; 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; position:absolute; top:50%; left:50%; width:500px; margin-left:-250px; text-align:right; padding:10px; } </style> </head> <body> <div class="div3"><div class="div"><img src="http://www.20tools.com/loading/images/www.20tools.com-111.gif"><br><br>سرور در حال ارتقا می باشد. لطفا صبر کنید...<br></div></div> <div class="div2"> با سلام <br><br> با توجه به افت سرعت در بعضی اوقات روز در حال ارتقا و انتقال اطلاعات سایت به سرور جدید هستیم. <br><br> به دلیل انتقال اطلاعات در ساعت 1 بامداد الی 2:30 بامداد این سایت قطع میباشد. <br><br> از صبر و شکیبایی شما متشکریم. </div> <div style="position:absolute;top:-200%;"><a href="http://moisrex.rozblog.com/">کدستان</a></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>

3 نظر

2311 بازدید

شنبه 08 مهر 1391 - 19:44

بانو در تاریخ 1393/09/25 ساعت 10:21 می گوید :

سلام خسته نباشید
آقا محمد هنوزم قابل اختصاصی طراحی میکنن .. اگه آره ک بگید سفارش بدیم

پاسخ : سلام
خیر شرمنده ...
با تشکر

mamadzar در تاریخ 1392/05/03 ساعت 15:09 می گوید :

دستت طالا.........
شکلک

هومان در تاریخ 1391/08/15 ساعت 11:12 می گوید :

سلام نتونستم این کد رابزارم بلد نبودم

پاسخ : توی قسمت ویرایش قالب اون بالا نوشته قالب آفلاین
اون جا بذارش.

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 23
بازدید امروز : 235
بازدید دیروز : 1,659
گوگل امروز : 2
گوگل دیروز : 29
بازدید هفته : 1,894
بازدید ماه : 1,894
بازدید سال : 270,542
بازدید کلی : 14,270,879

عنوان کد:
توضیحات: