میلاد با سعادت رسول اکرم(ص) و امام صادق(ع) مبارک، (کد تخفیف 35%: MiladeRasol)

سبد خرید (0)

درباره مدرس

مهندس امیر پهلوان صادق
برای مشاهده اطلاعات بیشتر، روی تصویر کلیک فرمایید.

آموزش کار با مگا منو در جوملا

(
بازدیدها: 3780
)

معرفی اجمالی محصول (آنچه در این آموزش خواهید دید)

1- مگا منو چیست؟
2- نصب مگا منو همراه با QuickStart
3- فعال یا غیرفعال کردن مگا منو
4- تعریف آیتم های مگا منو
5- نحوه ی تعریف زیرمنوی چند ستونه
6- نحوه ی نمایش یک متن دلخواه در منو
و ...

دیگر مشخصات

حجم فایل: 74 مگابایت
مدت زمان: 00:49:00
سطح آموزش: از مقدماتی تا پیشرفته
شماره درس: 9
نوع آموزش: تصویری و کاملاً فارسی
مقدار: 
3,600 تومان
توضیحات کامل

آموزش کار با مگا منو در جوملا

در این قسمت از آموزش جوملا 3، قصد داریم تا شما را با نحوه ی کار با مگا منو (Mega Menu) آشنا کنیم.

زمان نصب قالب Shaper Helix، بصورت خودکار یک مگا منوی حرفه ای همراه آن نصب شده است. در واقع در مگا منو قابلیت نمایش چند سطر و ستون را به هنگام نمایش منو ها و زیرمنوها در اختیار داریم و همچین در مگا منو می توانید یک ماژول دلخواه مانند ماژول ورود را فراخوانی نمایید.

مواردی که در این فیلم آموزشی به آنها خواهیم پرداخت:

  1. مگا منو چیست؟
  2. نصب مگا منو همراه با QuickStart
  3. رفع مشکل راست به چپ (RTL) در مگا منو
  4. چگونه در تنظیمات قالب می توان یک مجموعه منو را برای نمایش بصورت مگا منو تنظیم نمود؟
  5. نحوه ی تعریف زیرمنوی چند ستونه در مگا منو
  6. نحوه ی نمایش یک متن دلخواه بهمراه عکس در مگا منو
  7. نحوه ی نمایش یک ماژول دلخواه در مگا منو
  8. کم و زیاد کردن عرض زیرمنوها

نظرات و سوالات در خصوص فیلم آموزشی کار با مگا منو در جوملا

خواهشمند است نظرات و سوالات خود را درخصوص فیلم آموزشی کار با مگا منو در جوملا، از طریق قسمت دیدگاه ها در انتهای همین صفحه با ما درمیان بگذارید.

موفق و پاینده باشید.

نظرات

دیدگاه‌ها  

+1 # alireza---zare 1396-03-04 12:25
سلام اقای پهلوان صادق .خدا قوت
من تو پوشه css فایل custom.css رو ندارم باید چیکار کنم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-03-04 19:45
سلام، ممنون، فایل مذکور رو باید با استفاده از NotePad، خودتون ایجاد کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # Reza Bahrami 1394-08-07 12:24
سلام
من توی آموزش سوم یا همون رفع مشکل راست به چپ مگا منو به مشکل برخوردم
من یه فایل با عنوان custom.css از طریق مسیر افزونه ها و قالب ، اضافه کردم و اون کدی که گفته بودین رو وارد کردم ولی مگا منو من هنوز گزینه هاش طرف راست باز میشه !
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1394-08-07 13:16
سلام
1- در Root اصلی جوملا، یکبار پوشه Cache را خالی کنید و سپس امتحان کنید.
2- با استفاده از ابزار Inspect Element مطمئن شوید که فایل Custom.css به قالب اضافه شده است. برای این منظور روی مگا منو در سایت، راست کلیک کنید و گزینه Inspect Element را انتخاب نمایید و در پنل ظاهر شده در پایین صفحه، چک کنید که فایل مذکور اضافه شده باشد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # Reza Bahrami 1394-08-07 19:27
cache رو خالی کردم و Inspect Element رو که چک کردم فایل custom.css اضافه نشده بود ولی از قسمت افزونه ها > قالب ها > shaper helix و گزینه css که چک میکنم custom.css اضافه شده ولی وقتی در صفحه اصلی سایت inspect element رو چک میکنم فایل custon.css اضافه نشده !
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1394-08-08 08:50
مواقعی که یک فایل CSS به جوملا اضافه می شود و یا تغییری در فایل های CSS می دهید باید کارهای زیر را انجام دهید:
1- cache مرورگر را خالی کنید (در مرورگر FireFox از منوهای بالا History و سپس Clear Recent History را انتخاب کنید)
2- زمانی که آدرس سایت را در مرورگر وارد کردید، از کلیدهای Ctrl+F5 استفاده کنید تا اطلاعات بجای Cache از سرور لود شود.
3- در Root اصلی جوملا، پوشه Cache را خالی کنید.
4- در Root اصلی جوملا، به پوشه templates و سپس Shaper_Helix_ii و سپس CSS بروید و مطمئن شوید که Custom.css در این آدرس قرار دارد.
5- نهایتاً بعد از مشاهده سایت در مرورگر، با استفاده از ابزار Inspect Element مطمئن شوید که فایل Custom.css اضافه شده است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # Reza Bahrami 1394-08-09 21:52
ممنون مشکل مگا منو حل شد
اولش اون قطعه کد css که برای مگا منو گفتین رو خودم نوشتم ولی مگا منو درست نشد ولی وقتی فایلی که داخل بسته آموزشی قرار داده بودین رو جایگزین فایل خودم کردم مشکل حل شد !
یه سوال : هروقت میخواستم خصوصیت جدید به وسیله css برای سایت تعریف کنم باید از طریق قسمت قالب اون فایل css رو اضافه کنم و دیگه هیچ کار اضافه ی دیگه نمیخواد انجام بدم مثلا کلاس بزارم برای تگ هام یا آی دی تعریف کنم ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1394-08-10 07:52
زمان اضافه کردن CSS به سایت به نکات زیر توجه فرمایید:
1- اگر قصد تغییر ظاهر و استایل سایت تان را دارید، یک فایل CSS با نام دلخواه مثلاً custom.css به قالب اضافه کنید و کلاس های جدید را تحت آن به قالب اضافه کنید. توجه داشته باشید که اگر قالب را به روز رسانی کنید، تمام فایل های قالب، به غیر از Custom.css به روز خواهند شد. به این ترتیب علاوه بر اینکه تمام تغییرات در فایل Custom.css متمرکز خواهد شد، تغیرات شما بعد از به روز رسانی حفظ خواهد شد.
2- بعد از اینکه کلاس مورد نظر را به فایل Custom.css اضافه کردید، برای تکمیل کار باید کلاس تعریف شده را به ماژول مورد نظرتان در سایت نیز معرفی کنید. که این کار براحتی زمان تعریف و یا ویرایش ماژول از طریق فیلد "کلاس ماژول" قابل انجام است.
3- بعد از اینکه کلاس مورد نظرتان را برای ماژول تنظیم کردید، با استفاده از ابزار Inspect Element از صحت انجام کار مطمئن شوید. (معمولاً در ابتدای نام کلاس مورد نظر شما، جوملا کلمه "Module" را اضافه می کند که شما نیز در فایل Custom.css باید آنرا در نظر بگیرید)
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
Copyright www.maxx-marketing.net

راهنمای خرید از فروشگاه بیاموز (قوانین و مقررات)

کاربر عزیز به فروشگاه بیاموز خوش آمدید. جهت آشنایی بهتر با فروشگاه، نحوه خرید و ضمانت ما و موارد دیگر به نکات زیر توجه فرمایید:

نکته 1: دقت فرمایید که هر پکیج آموزشی شامل قسمت هایی رایگان است که می توانید براحتی آنها را دانلود کرده و به این ترتیب اطمینان بیشتری از خرید خود حاصل فرمایید.

نکته 2: بلافاصله بعد از خرید، ایمیلی حاوی لینک دانلود برای شما ارسال خواهد شد و می توانید محصولات را با بالاترین سرعت ممکن دانلود نمایید.

نکته 3: لینک های دانلود، دارای قابلیت Resume هستند. یعنی در صورتی که Disconnect شدید، بعد از اتصال مجدد به اینترنت، می توانید دانلود فایل مورد نظر را ادامه دهید.

نکته 4: تمام درآمد حاصل از فروشگاه، صرف پیشرفت بیاموز خواهد شد. بنابراین با هر خرید از فروشگاه ما را قادر خواهید ساخت که مطالب رایگان بیشتری را به هموطنانمان ارائه کنیم.

نکته 5: تمام محصولات دارای پشتیبانی رایگان هستند، بنابراین فیلم ها را تا انتها تماشا کنید و اگر قسمتی از آن را متوجه نشدید از قسمت "دیدگاه ها" سوال خود را مطرح فرمایید.

نکته 6: هر پکیج آموزشی، شامل چندین درس است اما در بیاموز، امکان خرید هر درس بصورت مجزا وجود دارد. 

نکته 7: خریدهای پستی (پیشتاز) بین 24 الی 72 ساعت بعد از خرید به دست شما خواهد رسید.

نکته 8: این سایت دارای مجوز رسمی از جمهوری اسلامی ایران بوده و به استناد نماد اعتماد الکترونیک، خرید از این سایت کاملاً مطمئن و تایید شده می باشد.

نکته 9: اگر هنوز هم سوالی در ذهن شما باقی مانده، از طریق پُل ها ارتباطی زیر با ما مطرح فرمایید:

موبایل: 09132023142               ایمیل: این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید

در ویدئوی زیر، می توانید نحوه ی خرید و دانلود محصولات آموزشگاه بیاموز را مشاهده فرمایید: