خرید سامانه پیامک

پرداخت آنلاین

LiveZilla Live Chat Software

سوالات خود را به صورت آنلاین بپرسید!

JN

چگونه اسلاید شو را به قالب خود اضافه کنیم؟

جوملانویس- مرکز افزونه نویسی جوملا

طراحی وب سایت بر اساس سیستم مدیریت محتوای جوملا

چگونه اسلاید شو را به قالب خود اضافه کنیم؟

چگونه اسلاید شو را به قالب خود اضافه کنیم؟

 

مساله : فرض کنید ما یک اسلاید شو استاتیک با فرمت HTML داریم و می خواهیم بدون نوشتن افزونه این اسلاید شو را به قالب جوملا اضافه کنیم راه حل چیست؟

 

1. کپی فایل های اسلاید شو در قالب

 

ابتدا بسته اسلاید شو را از اینجا دانلود نمایید، سپس به ترتیب فایل های زیر را در پوشه های نظیر کپی کنید.

 

کپی فایل های اسلاید شو در قالب

 

نکته : منظور از علامت *.* : تمامی فایل های این پوشه می باشد

 

2. ویرایش فایل index.php قالب جوملا

 

اکنون کد های زیر را در بخش head قالب اضافه نمایید.

 

ویرایش فایل index.php قالب جوملا

 

نکته : منظور از بخش head : کدهای مورد نظر را بین تگ <head></head> قرار دهید.

 

سپس تگ container و کد های جاوا اسکریپت را پس از تگ <div id="main"> کپی نمایید و مقدار صفت src عکس ها را از مقدار images/large به /templates/beez_20/images، مقدار images/thumbs را به /templates/beez_20/images و مقدار /js را به /templates/beez_20/javascript تغییر دهید.

 

حال در فایل jquery.eislideshow.js مقدار خط 186 را به 'width :'742px تغییر دهید. این مقدار عرض اسلاید شو را مشخص می کند.

 

 

افزودن اسلاید شو به قالب جوملا

 

 

به شما تبریک میگوییم :: شما توانستید اسلاید شوی زیبایی را به قالب خود اضافه نمایید.

 

 لینک دانلود اسلاید شو :

http://www.joomlanevis.com/data/ElasticSlideshow.zip

لینک دانلود قالب :

http://www.joomlanevis.com/data/beez_20.zip

 

دیدگاه‌ها   

0 #6 جوملا نویس 1392-10-13 15:05
به نقل از حامد:
سلام
آخرشو نفهمیدم. تگ container و کدهای جاوا اسکریپت کجا هستند؟


دوست عزیز ابتدا قالب را از طریق لینک زیر دانلود و نصب نمایید.
joomlanevis.com/.../...

سپس فایل index.php را مطالعه نمایید.


در کد فوق container کلاس مربوط به تگ div می باشد و همچنین فایل های جاوا اسکریپت در پوشه beez_20\javascr ipt هستند

موفق باشید
نقل قول کردن
0 #5 حامد 1392-10-12 20:42
سلام
آخرشو نفهمیدم. تگ container و کدهای جاوا اسکریپت کجا هستند؟
نقل قول کردن
0 #4 جوملا نویس 1392-09-04 19:48
به نقل از simin:
سلام.فایل اسلایدشو پسوورد میخواد.چیه پسووردش؟


Password : www.joomlanevis.com
نقل قول کردن
0 #3 simin 1392-09-04 16:49
سلام.فایل اسلایدشو پسوورد میخواد.چیه پسووردش؟
نقل قول کردن
0 #2 mal2moh 1392-03-31 12:31
سلام
آموزشی بسیار خوب هست
اگه ممکنه آموزش تبدیل چنین چیزی به ماژول رو قرار بدین
نقل قول کردن
0 #1 mal2moh 1392-03-31 12:24
با سلام
آموزش مناسبی هست ممنونم
نقل قول کردن

نوشتن دیدگاه


تصویر امنیتی
تصویر امنیتی جدید

همراهان جوملانویس در فیسبوک


کامپوننت مدیریت آموزشگاه هنر || کامپوننت + ماژول گالری تصاویر گلستان || ماژول نمایش اخبار سایت - همه کاره || ماژول زیر نویس اخبار - مطالب - متون دستی || ماژول + کامپوننت مدیریت انتشارات کتاب || کامپوننت گالری تصاویر شکوفه || ماژول اسلاید شو تصاویر Responsive || کامپوننت مدیریت آموزشگاه بهار - نسخه کلاسیک || ماژول جستجوی ژله ای || کامپوننت تماس با ما - جوملا نویس || آموزش ویدیویی ماژول نویسی برای جوملا (رایگان) - قسمت چهارم || پلاگین اشتراک مطالب K2 در شبکه های اجتماعی