• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

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

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

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

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

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

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

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

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

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

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

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

نوع کد رايگان

دیدگاه ها 10 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

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

  • ‏‏
    Irandroid gigfa com(۳ تیر ۱۳۹۳)

    Mer30 عالی بود

  • ‏‏
    Paria RVN(۴ تیر ۱۳۹۳)

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

  • ‏‏

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

  • ‏‏

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

    • ‏‏
      مهدی اکرمی(۳۰ مرداد ۱۳۹۳)

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram