خب.
شروع میکنیم!
ابتدا نرم افزارeasy css menuرا از سایت دریافت میکنیم!
پس از دانلود به نکات زیر توجه داشته باشید:
1-فایل به صورتzipمی باشد،پس باید از نرم افزارwinrarاستفاده کنیم(بیشتر کد نویسان این نرم افزار را دارند)
2-سپس فایل را اکسترک میکنیم.
3-یک فایلexeدرون آن وجود دارد.آن را نیز اجرا می کنیم.
4-در ادامه رمزی از ما میخواهد.www.codegraph.irرمز می باشد.
سپس نرم افزار را نصب میکنیم.
وارد نرم افزار شده و با توجه به عکس عمل می کنیم.
طبق عکس بالا یک پروژه را درست میکنیم!
سپس از قسمت پایین سبک منو را مشخص وانتخاب میکنیم.
خب..
حالا به قسمت بالا رفته وگزینهadd itemرا میزنیم.
سپس به سمت چپ رفته وبرای دکمه جدید اسم انتخاب میکنیم!
میتوانیم فونت آن را نیز تغییر دهیم.
همینطور میتوانیم تعیین کنیم تا وقتی که موس روی لینک برود چه رنگی شود.
از قسمت پایین همین عکس بالا میتوانیم تصویری برای دکمه انتخاب کنیم!
selectرا میزنیم
خب دیگه چیزی لازم نیست..بقیه دکمه هارا به همین شکل میزنیم.
تا برسیم به کار جدید
از قسمتsubmenuزیر قسمت های منو را میتوانیم بسازیم!
پس از ساختن وتمام شدن کار گزینه save menu as htmlرا میزنیم.
یک مسیر انتخاب کرده وفایل را ذخیره میکنیم.
سپس به پوشه ذخیره شده میرویم.
عکس هارایکی یکی آپ میکنیم.
فایلjsوcssهم همینطور..
بعد از آپلود شدن،به فایلindexمیرویم.آن را با نوت پد باز کرده ولینک سی اس اس و جی اس را جایگزین میکنیم.
حال منورا در قسمتی مشخص ومناسب وب خود قرار میدهیم..
اگر میخواهید منو در وسط قرار گیرد کد<center>را به اول آن اضافه کنید.
کپی برداری بدون ذکر منبع مجاز نیست!

سلام
من به همین روش یه منو واسه سایتم درست کردم،ولی وقتی کد رو گذاشتم تو وبلاگ،دیدم فقط نوشته هاشو نشون میده ولی تصویر گزینه ها رو نشون نمیده!
من عکس ها رو به همراه فایل سی اس اس و جی اس ،یه جا آپلود کردم،ولی عکس منو رو نشون نمیده!لطفا راهنماییم کنید.مرسی...
توسط : علیرضا در ساعت : 13:23و تاریخ : 1394/5/29

سلام
من منو هایی که میسازم میزارم تو وبلاگ حالت خراب میشه اینجوری میشه نگاه کنین
http://graphicia.rzb.ir/page/sadwqcr2qz
چیکار کنم لطفا کمک کنین
باید مسیری که فایل htmlرو ذخیره کردید برید.
سپس تمامی عکس ها رو توی آپلود سنتر آپلود کنید.
و لینک جدید عکس ها را به سی اس اس اضافه کنید.
اگر باز هم متوجه نشدید میتوانید از این قسمت اقدام کنید تا برایتان به صورت تصویری توضیح دهیم:
http://www.codegraph.ir/Forum/Catgory/26
توسط : a در ساعت : 11:16و تاریخ : 1393/9/4