ساخت لودینگ برای وبلاگ مربوط به موضوع وبلاگ - کامپیوتر مایکروسافت پیشرو در خدمات آنلاین(محمد سافت)

بارالها ! شکستگی ام را جز لطف و مهر تو درمان نمی کند ... آتش درونم را جز دیدارت خاموش نمی سازد و درد اشتیاقم به تو را جز نگریستن به چهره ات، بهبود نمی بخشد . [امام سجّاد علیه السلام ـ در نیایشش ـ]

RSS
خانه
ایمیل
شناسنامه
مدیریت وبلاگ

کل بازدید : 74924
بازدید امروز : 22

اوقات شرعی

........... درباره خودم ...........

محمد شریف

........... لوگوی خودم ...........

..........حضور و غیاب ..........
یــ

ــاهـو
.......جستجوی در وبلاگ .......

............. اشتراک.............
............. بایگانی.............
آرشیو بهتراز مطالب روز است
زمستان 1386
زمستان 1385
پاییز 1385

........... طراح قالب...........

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

نویسنده : محمد شریف:: 85/7/23:: 1:1 عصر

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

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

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

 <br><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> <br><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> <br><p dir="rtl" style="margin-top: 5; margin-bottom:5"> <br><font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاری است!<br>لطفا کمی صبر کنید...</font></p> <br><p dir="rtl" style="margin-top: 0"><font face="Tahoma" style="font-size: 8pt"> <br><img alt="Please wait ..." src="http://kamrandc.persiangig.com/image/loading/1.gif" width="150" height="13" border="0"><br> <br><span style="visibility:"""> <br><a target="_blank" href="http://www.java.blogfa.com" style="text-decoration: none">Powered by : java.blogfa</a></span></font></p> <br></div> <br><SCRIPT> <br>ap_showWaitMessage("waitDiv", 1)</SCRIPT> <br>

مثل زیر :

<body>
<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 a ....

.....

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

نظرات شما ()