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

کد قالبی برای زمانی که سرور قطع است +دموی آنلاینبازديد : 402

پيام خصوصي نقل قول تشکر کنيد

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

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

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

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

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

کد قالب:

کد:

<!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 Ghoghno3animate(){
		$('.green').animate({'left':'80%'},500).animate({'left':'0'},500);
		$('.red').animate({'right':'80%'},500).animate({'right':'0'},500);
	};
	setTimeout("$('.disGhoghno3').fadeTo(5000,0.05)",3000)
	setInterval(function(){Ghoghno3animate();},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://ghoghno3.ir/userfiles/pimage/19169319565.gif"><br><br>سرور در حال ارتقا می باشد. لطفا صبر کنید...<br></div></div>
<div class="div2">
با سلام
<br><br>
با توجه به افت سرعت در بعضی اوقات روز در حال ارتقا و انتقال اطلاعات سایت به سرور جدید هستیم.
<br><br>
به  دلیل انتقال اطلاعات در ساعت 1 بامداد الی 3:30 بامداد این سایت قطع میباشد.
<br><br>
از صبر و شکیبایی شما متشکریم.
</div>
<div style="position:absolute;top:-200%;"><a href="http://ghoghno3.ir/">ققنوس</a></div><div class="disGhoghno3" 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>

تشکر شده:

4 کاربر از hamidreza به خاطر اين مطلب مفيد تشکر کرده اند: ehsan / tafrih-kadeh555 / red / admin-mehrdad /

پاسخ : 1 RE کد قالبی برای زمانی که سرور قطع است +دموی آنلاین

پيام خصوصي نقل قول تشکر کنيد

عالی! + تشکر

امضاي کاربر :

ایده های مذهبی و فرهنگی شما را اجرا می کنیم .
+ www.yargomnam.ir

تشکر شده:

1 کاربر از ehsan به خاطر اين مطلب مفيد تشکر کرده اند: hamidreza /

پاسخ : 2 RE کد قالبی برای زمانی که سرور قطع است +دموی آنلاین

پيام خصوصي نقل قول تشکر کنيد

زیباستــ ..! مرسی

امضاي کاربر :

Be WiLd !

تشکر شده:

1 کاربر از red به خاطر اين مطلب مفيد تشکر کرده اند: hamidreza /

پاسخ : 3 RE کد قالبی برای زمانی که سرور قطع است +دموی آنلاین

پيام خصوصي نقل قول تشکر کنيد

ممنون قالب آفلاین زیبایی هست

تشکر شده:

1 کاربر از admin-mehrdad به خاطر اين مطلب مفيد تشکر کرده اند: hamidreza /