(-_-)لینک کینگ(-_-)

ايجاد Loading براي وبلاگ ها و صفحات وب ... آموزشی

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

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

Www.Dlisland.Com

بعد از اينكه صفحه كامل لود شد اين Loading خود به خود محو ميشه و شما صفحه رو به صورت كامل و لود شده مي بينيد .

خوب حالا بريم سر اصل مطلب و چگونگي قرار دادن لودينگ در وبلاگ يا صفحات وب :

خوب ابتدا كد زير رو برداريد و در قالب وبلاگ ( يا كدهاي 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:#eaeaea" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <tr> <td align="middle"> </td> <p dir="rtl" style="margin-top: 5"> <font color="#808080" face="Tahoma" size="2"><span lang="fa">صفحه در حال بارگذاري است!<br> لطفا کمي صبر کنيد...</span></font></p> <table cellpadding="6" border="0"> <tr> <td align="middle"> <img alt="Please wait ..." src="http://www.dlisland-music.persiangig.com/image/Loading3.gif"> <p> <span lang="en-us"><a target="_blank" href="http://www.dlisland.com">Loading by : dlisland.com</a> </span></p> </td> </tr> </table> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1); </SCRIPT>

همونطور كه گفتم بعد از تگ <html> يه اينتر بزنيد تا يه سطر باز بشه و بعد كد رو در اون سطر بزاريد . مثل زير :

<html>
كد اول رو اينجا بزاريد
.......

بعد از اينكه كد بالا رو در جايي كه گفتم قرار داديد نوبت به كد دوم ميرسه . كد دوم كاربردش اينه كه وقتي صفحه كامل لود شد لودينگ بسته بشه پس اين كد بايد در انتهاي قالب و قبل از تگ <html/> قرار بگيره .

<SCRIPT> ap_showWaitMessage('waitDiv', 0); </SCRIPT>

كد دوم رو بايد بزاريد آخره آخره قالبتون ( اگه بزاريد قبل از تگ <html/> بهتره ) . مثل زير :

.....
كد دوم رو اينجا بزاريد
</html>

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

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

عکس آدرس فايل

Www.Dlisland.Com

http://www.dlisland-music.persiangig.com/image/Loading2.gif

http://www.dlisland-music.persiangig.com/image/Loading4.gif

http://www.dlisland-music.persiangig.com/image/Loading5.gif

http://www.dlisland-music.persiangig.com/image/Loding-1.gif

http://www.dlisland.com منبع خبر

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

شکل اول که در اول ( بالای نوشته ) مقاله است . به فرضی در کد قرار داده شده است . شما می توانید آن را با یکی از شکل های بالا عوض کنید.

امید وارم لذت ببرید.

+ نوشته شده در سه شنبه ششم تیر 1385ساعت 10:34 توسط بهروز |

ايجاد Loading براي وبلاگ ها و صفحات وب ... آموزشی

پیوندهای روزانه

نوشته های پیشین