ساخت یک لودینگ زیبا

هر دوستی ای که طمعْ پدیدش آرد، نومیدی ازمیانش می بَرَد . [امام علی علیه السلام]

خوش آمدید

ساخت یک لودینگ زیبا

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

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

صفحه در حال بارگذاری است!
لطفا کمی صبر کنید...

خوب ابتدا کد زیر رو بردارید و در قالب وبلاگ ( یا کدهای Html صفحه ی مورد نظرتون ) بعد از تگ <html> که در اول قالب هست بزارید . مثل زیر.

<html>
کد اول رو اینجا بزارید
.......

اینم از کد اول:

<SCRIPT> 
 var DHTML = (document.getElementById || document.all || document.layers); 
 function ap_getObj(name) 
 { 
 if (document.getElementById) 
 { 
 return document.getElementById(name).style; 
 } 
 else if (document.all) 
 { 
 return document.all[name].style; 
 } 
 else if (document.layers) 
 { 
 return document.layers[name]; 
 } 
 } 
 function ap_showWaitMessage(div,flag) 
 { 
 if (!DHTML) return; 
 var x = ap_getObj(div); 
 x.visibility = (flag) ? "visible":"hidden" 
 if(! document.getElementById) 
 if(document.layers) 
 x.left=280/2; 
 return true; 
 } 
 </SCRIPT>
 <body>
 <div id="waitDiv" style="border: 1px dotted silver ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#4E49C8" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px>
 	<tr>
 	<td align="middle">
 	</td>
 	
 	
 <a href="http://www.tkbleak.com">صفحه در حال 
 بارگذاری است! 
 	لطفا کمی صبر کنید...</a>
 	<table cellpadding="6" border="0">
 		<tr>
 			<td align="middle">
 			<img alt="Please wait ..." src="http://tkbleak.persiangig.com/Image/loading.gif" width="150" height="16" border="0">
 
 			<a href="http://www.tkbleak.com">
 Loading by : tkbleak.com</a>
 
 			
 			</td>
 		</tr>
 	</table>
 </div> 
 <SCRIPT> 
 ap_showWaitMessage("waitDiv", 1); 
 </SCRIPT>

بعد از اینکه کد بالا رو در جایی که گفتم قرار دادید نوبت به کد دوم میرسه . کد دوم کاربردش اینه که وقتی صفحه کامل لود شد لودینگ بسته بشه پس این کد باید در انتهای قالب و قبل از تگ <html/> قرار بگیره . کد دوم رو باید بزارید آخره آخره قالبتون ( اگه بزارید قبل از تگ <html/> بهتره ) . مثل زیر :

.....
کد دوم رو اینجا بزارید
</html>

اینم از کد دوم :

لازمه اینو بگم: اینکه کد اول رو بعد از تگ <html> بزارید ضروری نیست و میتونید کد اول رو در اوله اوله قالب بزارید .

همچنین اینو : که کد دوم رو قبل از تگ <html/> بزارید ضروری نیست و میتونید کد دوم رو در آخره آخره قالب بزارید .

موفق و موید باشید یا علی

alimedia ::: جمعه 85/6/31::: ساعت 10:22 صبح

نظرات دیگران: نظر

لیست کل یادداشت های این وبلاگ

ساخت یک لودینگ زیبا
دانلود آلبوم های جدید ایرانی
سامسونگ تجارت ام پی 3 را سرعت میبخشد

>> بازدیدهای وبلاگ <<

بازدید امروز: 1

بازدید دیروز: 2