+ ارسال موضوع جدید
نمایش نتایج: از شماره 1 تا 2 , از مجموع 2

موضوع: ماژول FlyOut برای ساخت منوی شناور در جوملا

  1. #1
    ناظم انجمن

    http://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gifhttp://www.iranjoman.com/images/iranjoman/neshan2.gif

    [ ]
    تاریخ عضویت
    Feb 2013
    محل سکونت
    زیر اسمون خدا...
    نوشته ها
    16,534
    تشکر
    13,809
    تشکر شده 13,049 بار در 9,484 پست

    ماژول FlyOut برای ساخت منوی شناور در جوملا


    افزونه ها و ماژول زیادی برای نمایش منوهای شناور در صفحه برای سیستم مدیریت محتوای جوملا تا کنون انتشار یافته است که با نصب و امتحان آن‌ها می‌توانید در سایت خود منوهای زیبایی را به صورت شناور نمایش دهید. در این نوشته از سایت تورتک قصد داریم با یکی از قدرتمندترین این افزونه‌ها با نام Flyout Tabs Module آشنا شویم که با نصب آن در سایت جوملایی خود، امکان تنظیم تمامی خصوصیات منوی خروجی را خواهید داشت. این ماژول برای هر دو نسخه 1.5 و 2.5 جوملا قابل استفاده است و حتی در مرورگرهای IE7، IE8، IE9 و IE10 امتحان شده و به خوبی نمایش داده می‌شود.
    پس از نصب این ماژول و تعیین تنظیمات اولیه آن در هنگام قرار گیری موس کاربران بر روی هر یک از گزینه های موجود در این منو حرکت گزینه‌ها به قدری روان انجام می‌شود که شاید بسیاری از کاربران فکر کنند که شما از فلش برای طراحی منو سایت خود استفاده کرده‌اید در حالی که این افزونه تنها از کدهای HTML، CSS، JS و البته jQuery برای نمایش گزینه‌ها استفاده می‌کند. در تصویر زیر نمونه ای از منو ساخته شده توسط این ماژول را مشاهده می‌کنید که برای نمونه ای دیگر از آن می‌توانید به سایت سازنده آن یعنی Graphic Aholic مراجعه کنید.
    آموزش ایجاد منو توسط این افزونه در سایت جوملا

    برای استفاده از ماژول Flyout Tabs در سایت جوملا خود پس از دانلود و نصب آن نیاز است که به صفحه تنظیمات آن مراجعه کرده و تنظیمات اولیه نمایش منو شناور را انجام دهید. از مهم‌ترین این گزینه های می‌توانیم به گزینه های زیر اشاره کنیم.

    1. Load jQuery: در صورتی که در کدهای فعلی سایت شما jQuery فراخوانی نشده است برای اجرا و نمایش صحیح منو ساخته شده توسط این ماژول باید گزینه Yes را در بخش Load jQuery انتخاب کنید. اگر با jQuery آشنایی ندارید کافی است در قسمت Header کدهای HTML سایت خود به دنبال نام jQuery بگردید و اگر فایل JS با این نام پیدا نکردید پس سایت شما در حالت فعلی jQuery را فراخوانی نمی‌کند.
    2. Image patch for image tab x: برای تعیین URL آیکون‌هایی که می‌خواهید به عنوان گزینه های منو ساخته شده توسط این ماژول نمایش داده شوند می‌توانید از این قسمت استفاده کنید.
    3. Hyper Link for tab x: از این گزینه نیز می‌توانید برای تعیین آدرسی که کاربر پس از کلیک بر روی این گزینه باید هدایت شود استفاده کنید. این لینک‌ها می‌توانند به صورت داخلی (صفحات سایت شما) و یا به صفحات دیگر سایت‌ها مانند URL پروفایل سایت شما در شبکه های مجازی باشند.
    4. Link Behavior: اگر از این قسمت گزینه URL in lightbox را انتخاب کنید با کلیک بر روی گزینه های موجود در منو ساخته شده توسط Flyout آدرس URL مورد نظر در صفحه فعلی و در کادری مجزا نمایش داده می‌شود و یا با استفاده از گزینه های دیگر می‌توانید کاربران سایت خود را به طور کلی به آدرس‌های مورد نظر هدایت کنید.

    البته پیشنهاد می‌کنیم پس از انتخاب بهترین مقدار برای گزینه های بالا دیگر تنظیمات ماژول جوملا Flyout Tabs را در سایت خود امتحان کنید تا به بهترین شکل ممکن منو در سایت شما نمایش داده شود. در تصویر زیر می‌توانید نمونه ای از نحوه نمایش این منو را مشاهده کنید.




  2. #2
    کاربر سایت

    http://www.iranjoman.com/images/iranjoman/neshan2.gif

    [ ]
    تاریخ عضویت
    Nov 2015
    نوشته ها
    4
    تشکر
    0
    تشکر شده 0 بار در 0 پست

    پیش فرض پاسخ : ماژول FlyOut برای ساخت منوی شناور در جوملا

    واقعا عالی[برای دیدن لینک ها ابتدا باید عضو انجمن شوید. برای ثبت نام اینجا کلیک کنید...]

+ ارسال موضوع جدید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

تعداد اعضای بازدید کننده از این تایپیک : 0

بازدید کنندگان :  (نمایش کلی)

نامی برای نمایش وجود ندارد.

کلمات کلیدی این موضوع

Bookmarks

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •