بی نظیر ترین کلکسیون لودینگ

ساخت لودينگ برای وبلاگ مربوط به موضوع وبلاگ

سلام امروز قصد دارم براتون آموزش قرار دادن لودينگ داخل وبلاگ رو آموزش بدم.لودینگ یک اسکریپت دو قسمتی است که هنگامی که وارد صفحه مورد نظر میشید یک نوشته یا عکس (یا هر دو با هم) روی صفحه نمایش داده میشود و تا زمانی که صفحه کاملا لود نشده باشد صفحه رو نشون نمیده ولی وقتی که صفحه کاملا لود شد لودینگ محو میشود و صفحه کامل نمایان می شود.

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

برای شروع ابتدا باید کد داخل کادر زیر را کپی کنید و سپس در ابتدای قالب خود بعد از تگ قرار دهيد :

<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> <div id="waitDiv" style="border: 1px dotted ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#b3c3e4" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <p dir="rtl" style="margin-top: 5; margin-bottom:5"> <font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاري است!<br>لطفا کمي صبر کنيد...</font></p> <p dir="rtl" style="margin-top: 0"><font face="Tahoma" style="font-size: 8pt"> <img alt="Please wait ..." src="http://kamrandc.persiangig.com/image/loading/1.gif" width="150" height="13" border="0"><br> <span style="visibility:''"> <a target="_blank" href="http://www.java.blogfa.com" style="text-decoration: none">Powered by : java.blogfa</a></span></font></p> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1)</SCRIPT>

مثل زير :

خوب ديگه كار تموم ميشه . ولي چون ممكنه بعضي ها از شكل نوار لودينگ خوششون نياد من چند تا شكل براتون زير ميزارم كه هركدوم رو دوست داشتيد استفاده كنيد :

رديف	شكل	آدرس
1		http://kamrandc.persiangig.com/image/loading/1.gif
2		http://kamrandc.persiangig.com/image/loading/10.gif
3		http://kamrandc.persiangig.com/image/loading/3.gif
4		http://kamrandc.persiangig.com/image/loading/9.gif
5		http://kamrandc.persiangig.com/image/loading/5.gif
6		http://kamrandc.persiangig.com/image/loading/6.gif
7		http://kamrandc.persiangig.com/image/loading/7.gif

http://kamrandc.persiangig.com/image/loading/2.gif

http://kamrandc.persiangig.com/image/loading/4.gif

|+| نوشته شده در شنبه یکم دی 1386 ساعت 12:31 توسط کامران |