lord.anathema
April 6th, 2016, 13:13
سلام
مدتیه که درگیر پروژه ای شدم که در اون از سیستم WHMCS استفاده میکنم و همین باعض شده که به طراحی و توسعه اون بیشتر دقت کنم و خب کارهای جالبی به نظر خودم انجام دادم که از جمله فارسی سازی و راست چینی و اسلایدر صفحه ای و ماژول ادیتور و و و
من هرچقدر دنبال چنین مطالبی گشتم یا در اختیار نمیذاشتن یا اینکه پولی بود و منم تصمیم گرفتم که تاجایی که هرچیزی یاد گرفتم و به دست آوردم برای کسایی که مثل من درگیر و نیاز دارند قرار دهم تا استفاده کنند
در ادامه این پست میخام همه این هایی که گفتم رو بذارم امیدوارم که مفید باشه
ضمیمه پست اول هم میخام که فایل های فارسی شده بخش مدیریت و کاربری را که خودم ترجمه کردم بذارم
فایل بخش مدیریت :
https://my.pcloud.com/publink/show?code=XZuuHQZRIkqWlcc2OYlKp9FhQ1Dx7mYvGDV
فایل بخش کاربری :
https://my.pcloud.com/publink/show?code=XZMuHQZ74Qx4i7edcpJNvsWgIgVXyXTzDtX
- - - Updated - - -
نحوه اضافه کردن اسلایدر صفحه اصلی :
خب برای اینکه بتونیم یه اسلایدر بالای صفحه اصلی کاربری داشته باشیم باید اول تعدادی عکس داشته باشیم که خب بهتره عکس ها عریض باشن تا بتونند بالای صفحه رو پوشش دهند
برای همین پیشنهاد من اندازه 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 (https://my.pcloud.com/publink/show?code=XZt2HQZnJGKmC4CSEH8f7nJXvpSkktu9lwV)
مدتیه که درگیر پروژه ای شدم که در اون از سیستم WHMCS استفاده میکنم و همین باعض شده که به طراحی و توسعه اون بیشتر دقت کنم و خب کارهای جالبی به نظر خودم انجام دادم که از جمله فارسی سازی و راست چینی و اسلایدر صفحه ای و ماژول ادیتور و و و
من هرچقدر دنبال چنین مطالبی گشتم یا در اختیار نمیذاشتن یا اینکه پولی بود و منم تصمیم گرفتم که تاجایی که هرچیزی یاد گرفتم و به دست آوردم برای کسایی که مثل من درگیر و نیاز دارند قرار دهم تا استفاده کنند
در ادامه این پست میخام همه این هایی که گفتم رو بذارم امیدوارم که مفید باشه
ضمیمه پست اول هم میخام که فایل های فارسی شده بخش مدیریت و کاربری را که خودم ترجمه کردم بذارم
فایل بخش مدیریت :
https://my.pcloud.com/publink/show?code=XZuuHQZRIkqWlcc2OYlKp9FhQ1Dx7mYvGDV
فایل بخش کاربری :
https://my.pcloud.com/publink/show?code=XZMuHQZ74Qx4i7edcpJNvsWgIgVXyXTzDtX
- - - Updated - - -
نحوه اضافه کردن اسلایدر صفحه اصلی :
خب برای اینکه بتونیم یه اسلایدر بالای صفحه اصلی کاربری داشته باشیم باید اول تعدادی عکس داشته باشیم که خب بهتره عکس ها عریض باشن تا بتونند بالای صفحه رو پوشش دهند
برای همین پیشنهاد من اندازه 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 (https://my.pcloud.com/publink/show?code=XZt2HQZnJGKmC4CSEH8f7nJXvpSkktu9lwV)