کد لودینگ صفحه سایت
کد لودینگ صفحه سایت با این کد به راحتی میتوانید یک تصویر لودینگ قبل از لود شدن کامل صفحه برای کاربرانتان ایجاد کنید.این کد درواقع برای زیبا سازی سایت اهمیت دارد در غیر اینصورت کاربردی ندارد.این کد یکی از کدهای کاربردی و کم حجم میباشد امیدوارم که خوشتون بیاد… ۸-)
اموزش کد
کد را باید در دو قسمت جاساز کنید یکی اول قالب قبل از بسته شدن تگ </head> و دیگری قبل از بسته شدن تگ </body> قرار دهید.
کد زیر را در هد سایت قرار دهید(head)
<div style="position:absolute;top:-200%;"><h1><a href="https://codebazan.ir/">کدبازان</a></h1></div><div id="codebazan-loading" style="width:100%;height:100%;background:url(https://codebazan.ir/images/loading.gif) center no-repeat black;transition:all .2s;opacity:1;position:fixed;top:0;left:0;z-index:100000;margin-left:0%;margin-top:0%;"><span style="color:#fff;direction:rtl;text-align:right;font:11px tahoma;position:fixed;top:60%;left:47%;z-index:100000;margin-left:0%;margin-top:0%;"/><center>لطفا صبر کنید...</div></center></span>
و کد زیر را در بدنه سایت قرار دهید(body)
<script type="text/javascript">
setTimeout(hide,5000);
function hide(){
document.getElementById('codebazan-loading').style.display = "none";
}
</script>
توجه نمایید در کد فوق setTimeout(hide,5000); مقدار زمان پایان نمایش کد لودینگ قرار داده شده که شما میتوانید ان را به دلخواه ویرایش کنید. که الان روی ۵ ثانیه تنظیم شده است.
عالی بود
خیلی ممنون
ممنونم
موفق باشید…
خوب از کدستان دزدی میکنی :/
باشه عزیزم شما درست میگی حق با شماست