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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

ساخت منو به وسیله ی نرم افزار Easy Button and Menu Maker

15211 ۲۴ آبان ۹۲

با سلام به خدمت همه دوستان عزیز . این بار در خدمت شما هستم با آموزش ساخت منو با نرم افزار Easy Button & Menu Maker که یه نرم افزار قدرتمند در این زمینه محسوب میشه . از اهمیت منو هم که حتما خودتون خبر دارید و میدونید که از بخش های جدایی ناپذیر سایت ها و وبلاگها محسوب میشه . در این نرم افزار ، شما میتونید حتی بدون نوشتن یک خط برنامه نویسی ، یه منوی زیبا بسازید ( که البته استفاده از این روش رو زیاد خودم هم توصیه نمیکنم چرا که این نرم افزار ها هم به هرحال ایراد خودشون رو دارند و مطمئنن در جاهایی با مشکل رو به رو میشند . خوبه که بدونید منوهای سایت های بزرگ و خیلی خیلی شیک رو با Css و نرم افزار فلش ( Adobe Flash ) طراحی میکنند که آموزش ساخت منو به وسیله ی Css رو میتونید از اینجا و اینجا که نویسندش هم دوست بسیار خوبم آقا وحید گل خودمون هست ببینید و آموزش ساخت منو به وسیله ی Flash رو هم حتما خودم در آینده ای نزدیک میذارم ) . بریم به سراغ آموزش :

نام آموزش : ساخت منوی سایت ها و وبلاگها به وسیله ی نرم افزار Easy Button & Menu Maker

مدت زمان یادگیری : حدودا 30 دقیقه

مرحله اول : در مرحله اول چیزی که معلوم هست اینه که باید نرم افزار رو دانلود و به روی سیستمتون نصب کنید که میتونید با یه سرچ کوچیک اون رو پیدا کنید . در مراحل نصب نیز به نظرم مشکل خاصی وجود نداره اما تنها چیزی که بعد از نصب واضحه اینه که شما فقط میتونید 20 بار از نرم افزار استفاده کنید که در اینجا میتونید با زدن گزینه ی Evaluate از این پیغام رد بشه و وارد محیط نرم افزار بشید . این هم صفحه اول این نرم افزار :

باید در این مرحله با انتخاب یکی از این طرحهای آماده کارتون رو شروع کنید ( البته بعضی هاشوهم باید خرید ) . که من از این طرح استفاده کردم :

برای مثال وقتی که ما به روی گزینه ی Home کلیک میکنیم این گزینه به صورت انتخاب شده در میاد و ما حالا میتونیم با استفاده از کادر ظاهر شده در سمت راست برنامه تغییراتمون رو اعمال کنیم و من در اینجا به توضیح تک تک این گزینه ها میپردازم :

اولین گزینه در منوی Button ، که این گزینه برای وارد کردن متن دلخواه به درون منو مورد استفاده قرار میگیره که من از متن پیش فرضِ " صفحه اول " استفاده کردم . ( یکی از ویژگی های خوب این نرم افزار پشتیبانی از زبان فارسی محسوب میشه ) و اما گزینه ی دیگه ی همین منو گزینه ی انتخاب فونته که من از بین فونت های موجود از فونت Tahoma استفاده کردم که به نظر خودم فونت قشنگی می آد و اما گزینه های بعد دو گزینه ی Normal Style و Mouse Over هستند که به ترتیب برای رنگ نوشته و رنگ نوشته در زمانی که ما وس به روی نوشته میره به کار میرند . و این هم تنظیمات مورد علاقه ی من تا اینجای کار :

گزینه ی بعد ، مربوط به آدرس مورد نظریه که قراره به دکمه های منو مون بدیم (Link) که من از اسم سایت سون لرن استفاده کردم . فقط در اینجا توجه داشته باشید که آدرس مورد نظرتون رو به طور کامل وارد کنید یعنی اینجوری :

Http://www.7learn.com

گزینه ی Hint نیز مربوط به این میشه که موقع قرار دادن ماوس به روی دکمه مورد نظر چه متنی به نمایش در بیاد :

و در قسمت بعد همین منو نیز میتونید یه آیکون برا گزینه ی " صفحه اول " انتخاب کنید که من از این آیکون استفاده کردم  :

و اما منوی بعد که به توضیح اون میپردازم منوی Style هستش که برای تنظیمات ظاهری گزینه ها و بیشتر رنگ اونها به کار میره :

گزینه ی اول ، گزینه ی Menu Box هستش که در زیر قسمت Border قرار داره که والا ما خودمون هم از کار اون با خبر نشدیم و اگه کسی از دوستان متوجه کار این گزینه شد میتونه به ما هم خبر بده !

گزینه ی بعد گزینه ی Menu Box ایه که در زیر قسمت Background  قرار داره و همون طور که از اسمش هم پیداست رنگ پس زمینه ی منوی ما رو مشخص میکنه که من با انتخاب این گزینه و رفتن به قسمت Gradient از این دو رنگ زیر استفاده کردم :

گزینه ی بعد گزینه ی Normal Button در دو قسمت Border و Background هستش که به ترتیب برای رنگ نوار بالای منو در زمان عادی ( منظور از زمان عادی زمانیه که ماوس روی منو نباشه ) و رنگ خود منو استفاده میشه و من از این رنگ ها استفاده کردم :

و اما گزینه های بعد نیز به ترتیب کارشون برای رنگ نوار بالای منو موقعی که ماوس به روی یکی از گزینه ها میره و رنگ خود گزینه در زمانی که ماوس به روی اون میره ( که این گزینه کاری دقیقا مشابه با گزینه ی Menu Box در قسمت  Background داره ) هست .

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

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

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

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

منتظر آموزش های بعد باشید ...

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏

    س
    من نمیدونم با کد های css و js چیکار کنم؟؟؟؟؟؟؟؟؟

    • ‏‏
      سجاد دریس(۸ تیر ۱۳۹۳)

      فایل های css و js رو به فایل htmlتون متصل کنید.
      کدهای html رو هم بذارین جایی که میخواید منو نمایش داده بشه

  • ‏‏

    سلام
    خسته نباشید، اینی که شما نوشتید که همه بلدند. بعد اینکه منو رو سیو کردیم چطوری باید از اون فایل هایی که میده توی وبلاگ استفاده کنیم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram