نحوه اضافه کردن اسلایدر صفحه اصلی :
خب برای اینکه بتونیم یه اسلایدر بالای صفحه اصلی کاربری داشته باشیم باید اول تعدادی عکس داشته باشیم که خب بهتره عکس ها عریض باشن تا بتونند بالای صفحه رو پوشش دهند
برای همین پیشنهاد من اندازه 1349*300 است ( کد به حالت ریسپانسی تعریف شده )
خب بعد از تهیه عکس ها ما باید فایل header.tpl قالبمون رو ادیت کنیم و در تگ هد ( <head> ) باید این کد هارو قرار دهید
کد:
<!-- Slider Head Code --> <script src="templates/sixfa/slider/jquery.js"></script>
<script src="templates/sixfa/slider/amazingslider.js"></script>
<link rel="stylesheet" type="text/css" href="templates/sixfa/slider/amazingslider-1.css">
<script src="templates/sixfa/slider/initslider-1.js"></script>
<style type="text/css">
body, html {
margin: 0;
padding: 0;
}
</style>
<!-- Slider Head Code -->
خب بعد از باید در قسمتی که تگ هدر تعریف شده یعنی بعد از
کد:
<section id="home-banner">
این خط کد ها هم اضافه کنید
کد:
<!-- Insert to your webpage where you want to display the slider --> <div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:100%;margin:0 auto;">
<div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
<ul class="amazingslider-slides" style="display:none;">
<li><img src="templates/sixfa/images/1-min.png" alt="1-min" title="1-min" />
</li>
<li><img src="templates/sixfa/images/2-min.jpg" alt="2-min" title="2-min" />
</li>
<li><img src="templates/sixfa/images/3-min.jpg" alt="3-min" title="3-min" />
</li>
<li><img src="templates/sixfa/images/4-min.jpg" alt="4-min" title="4-min" />
</li>
</ul>
</div>
</div>
<!-- End of body section HTML codes -->
دوستان توجه داشته باشید که در این قسمت من 4 تا عکس تعریف کردم به اسم های 1-min و تا 4 که شمات بایدد عکس های خودتون را تعریف کنید و مسیر عکس رویه سرور را جایگزین کنید ( درکل هرکجا شما src در کد دیدید باید مسیر فایل رویه سرور خودتونو بدید - البته میدونم همه دوستان این موضوعو میدونستن ولی برای آنهایی گفتم که بتوانند استفاده داشته باشند ) خب و در آخر هم کدهای جی و غیره نیازه که برایتون لینکشو میذارم
دوستان هرسوالی داشتن میتونند بپرسند و در صورتی که بتوانم حتما راهنمایی میکنم و امیدوارم که تاپیکی مفید بشه برای جوابگویی به اکثر مشکلات کاربران سیستم WHMCS
باتشکر
فایل های جی کوئری نیاز اسلایدر :
https://my.pcloud.com/publink/show?c...nJXvpSkktu9lwV
