آموزش قرار دادن Loading در سايت + 125 لودينگ زيبا (ويژه ديتالايف)
با اين آموزش شما ميتوانيد بر روي قالب هاي ديتالايف انجين ، لودينگ قرار دهيد تا در زمان باز شدن سايت ،تصويري انيميشين به همراه متن ( صفحه درحال بارگذاري است ) نمايش داده شود و بعد از لود كامل ، بسته شود.
فايل main.tpl كه در قالب سايتتون قرار دارد رو با يك اديتور مناسب باز كنيد و به دنبال تگ زير بگرديد :
کد:
بعد از آن كد زير را قرار دهيد :
کد:
کد:
<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; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px>
<p dir="rtl" style="margin-top: 5; margin-bottom:5">
<font color="#F00000" 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="/templates/your_template/images/loading.gif" border="0"><br></font></p></div>
<SCRIPT>ap_showWaitMessage('waitDiv', 1)</SCRIPT>
بجاي نام your_template در كد بالا ، نام قالب خود را بنويسيد.سپس در همين فايل به دنبال تگ زير بگرديد :
کد:
</html>
و در بالاي آن كد زير را قرار دهيد :
کد:
کد:
<SCRIPT>ap_showWaitMessage('waitDiv', 0)</SCRIPT>
فايل را ذخيره كنيد . هم اكنون لودينگ در سايت شما فعال شده است. اما شايد دوست داشته باشيد تصاوير متحرك لودينگ را مطابق سليقه خود انتخاب كنيد.
من يك پكيج كامل كه شامل 125 تصويرمتنوع و زيباي لودينگ متحرك است را تهيه كردم. شما ميبايستي تصوير مورد نظر خود را انتخاب و نام آن را به
loading تغيير دهيد و سپس در آدرس زير ( واقع در قالب سايتتون ) آنرا جايگزين و آپلود كنيد:
کد:
کد:
templates/your_templates/images/loading.gif
بوک مارک ها