همان طور که می دانید در گذشته طریقه ساختن لودینگ را برای وب سایت و وبلاگ گفتیم . در این پست گلچینی از بهترین تصاویر لودینگ را برای شما قرار داده ایم .
:: Name : Loading Pics – 18 Pics
:: Designer : Vadati Ertebat Group
:: Download Link :
http://vadatiertebat.parsaspace.com/Download/18-Loading-Pics.zip
:: Size : 49 KB
عیدی از گروه وحدتی ارتباط – ویژه نوروز 87
ما در ابتدا روش ساختن لودینگ را گفته ایم . برای عوض کردن عکس آن کافی است آدرس عکس لودینگ جدید را در جای آدرس عکس قبلی قرار دهید .
لودينگي كه امروز بهتون معرفی میکنم به اين شيوه كار ميكنه كه هنگامي که آدرس صفحه رو ميزنيد يه مستطيل مثل زير در بالاي صفحه مياد و هي پر ميكنه تا صفحه كاملا لود شه و بعد از لود شدن کاملا از روی صفحه محو میشه .
|
صفحه در حال بارگذاري است!
|
خوب براي اين كار ابتدا كد زير رو در ابتداي قالب خوب بعد از تگ <Body> قرار دهيد :
<!– Start — http://www.iroweb.com –> <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://www.iroweb.com/Photo/90a.gif” width=”150″ height=”13″ border=”0″><br> <span style=”visibility:””> <a target=”_blank” href=”http://www.iroweb.com” style=”text-decoration: none”>Loading by : iroweb.com</a></span></font></p> </div> <SCRIPT> ap_showWaitMessage(‘waitDiv’, 1)</SCRIPT> <!– End — http://www.iroweb.com –>
مثل زير :
<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 ….
بعد از اينكه كد بالا رو جايي كه گفتم گذاشتيد نوبت به گذاشتن كدي مي رسه كه بعد از لود صفحه ، لودينگ رو حذف كنه . لذا بايد اين كد رو در آخر كد قالبتون و قبل از تگ <html/> قرار دهيد :
<!– Start — http://www.iroweb.com –> <SCRIPT> ap_showWaitMessage(‘waitDiv’, 0) </SCRIPT> <!– End — http://www.iroweb.com –>
مثل زير :
<SCRIPT>ap_showWaitMessage(‘waitDiv’, 0)</SCRIPT>
</html>
خوب ديگه كار تموم ميشه . ولي چون ممكنه بعضي ها از شكل نوار لودينگ خوششون نياد من چند تا شكل براتون زير ميزارم كه هركدوم رو دوست داشتيد استفاده كنيد :
|
رديف |
شكل |
آدرس |
|
1 |
|
|
|
2 |
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
|
10 |
|
منبع : http://www.iroweb.com
آخرین مطالب بخش گرافیک
RSS - Posts