با سلام
با اين آموزش شما ميتوانيد بر روي قالب هاي ديتالايف انجين ، لودينگ قرار دهيد تا در زمان باز شدن سايت ،تصويري انيميشين به همراه متن ( صفحه درحال بارگذاري است ) نمايش داده شود و بعد از لود كامل ، بسته شود.
فايل main.tpl كه در قالب سايتتون قرار دارد رو با يك اديتور مناسب باز كنيد و به دنبال تگ زير بگرديد :
<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 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موفق باشيد.
