منوهای فوق العاده زیبا با افزونه ی jQuery Sky Mega Menu !

- visibility ۱۰ mode_comment

سلام به دوستان خوب خودم

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

خوب بریم سر اصل مطلب. تا حالا شده دنبال یه منو زیبا و هم چنین پیشرفته برای سایت یا وبلاگ خودتون باشید ؟

مطلب امروز ما هم در این مورد است که اگه به خواهیم یه منو زیبا داشته باشیم که هم کاربر پسند باشه و هم از لحاظ کد نویسی پیشرفته باشه باید چیکار کنیم ؟

پاسخ این سوال در فایل زیر نهفته است که اول دانلود کنید تا بریم سراغ توضیحاتش :

ویژگی های این اسکریپت :

  • انواع رنگ بندی نظیر : قرمز - آبی - زرد - صورتی - سبز - سیاه - بنفش و ...
  • دارای خواصیت Mega .
  • دارای انواع فرم های : جستجو - ورود و خروج - ثبت نام - تماس با ما - شبکه های اجتماعی و ...
  • responsive بودن و دارای نسخه موبایل
  • امکان استفاده از Icons ها در کنار نوشته منو ها ( حتی می تونید از LivIcons  هم استفاده کنید )
  • دارای انواع نسخه های ثابت و متحرک
  • قابلیت قرار گرفتن در انواع وضعیت ها نظیر : Left - Right - top - bottom .
  • دارای انواع افکت jQuery برای نمایش و باز کردن منو ها و زیر منو ها .
  • 34 نوع منو مختلف .
  • و ...

وقتی فایل رو دانلود کردید دارای دو فایل به نام های Help و Menu Demo می باشد که همین جوری که از اسمش پیداست در اولی راهنمای نصب و استفاده قرار داده شده و دومی هم فایل های مورد نیاز هستند.

در پوشه دمو 34 تا فایل Html است که هرکدوم با هم فرق میکنه که برای استفاده از هر کدوم از سورس شون استفاده کنید ولی حتما قبلش فایل راهنما رو بخوانید.

info نکته :

در پوشه دمو فایل هایی با عنوان mobile- جود داره که مخصوص نسخه موبایل است و باید پنجره مروروگر رو کوچک کنید تا تغییرات ظاهر بشوند

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

موفق باشید و امید وارم هیج وقت به 404 بر نخورید 🙂

comment دیدگاه کاربران
sina

می‌ شه لطفا بگید که این گالری پایین دکمه «دریافت کد» رو با چه افزونه ای درست کردید؟

لقمان آوند

سلام
گالری پیشفرض فریم ورک foundation هست .

sina

عذر میخوام متوجه نشدم.میشه بیشتر توضیح بدید؟

مهدی اکرمی

سلام
کجا رو مشکل دارید؟

رضا نصرالهی

ZURB FOUNDATION اسم یک فریم ورک هست که امکانات زیادی هم داره ولی به پای بوت استراپ نمی رسه

Mer30 عالی بود

Paria RVN

خیلی جالبه ، ممنون.

sina

در پاسخ به کامنت جناب آقای اکرمی:
اصلاً نمی‌ دونم که «گالری پیشفرض فریم ورک foundation» چی هست. می‌ شه یه افزونه وردپرسی بهم معرفی کنید که ظاهری شبیه به این گالری بالا داشته باشه؟من یه چیز خیلی ساده می‌ خوام.
از امکانات پیشفرض ساخت گالری خود وردپرس هم آگاه هستم. اما راضی‌ ام نمیکنه.

sadaf ebadi

خیلی قشنگ و عالیه اما کاش که لااقل آموزش درست کردن یکیش رو میذاشتین تا ماهم یادبگیریم

مهدی اکرمی

سلام دوست عزیز
نیاز به آموزش نداره که !!!
شما وقتتی وارد پوشه میشی کلی فایل html است که هر کدوم یک نوع از این menu هستند . هر کدوم رو که پسندیدید روی فایل html اون راست کلیک کنید و با notpad باز کنید. بعد کد هایی رو که میبینید رو کپی کنید و فایل های لازم مثل css , jQuery که در همون پوشه هست رو آدرس رو بهش بدید.
باز هم اگه متوجه نشدید یه آموزش به صورت فیلم خواهم گذاشت …
موفق باشید … 😀

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.