بهترین روش برای ساخت منوهای کشویی ، برنامه 8.2 Sothink Dhtml Menu است که برای اطلاعات بیشتر و دانلود آن به این قسمت از سایت مراجعه کنید .
بعد از نصب ، برنامه رو باز کنید ، صفحه ای به نامStartup باز میشه ، از تمپلیت های موجود یکی رو انتخاب کنید حالا بر روی ok کلیک کنید یا بر روی new کلیک کنید و یک منوی جدید بسازید

توضیح بخش های مختلف این نرم افزار :

از منوی سمت چپ می تونید اسم قسمت های مختلف منو رو تغییر بدید و یا منو یا ساب منو اضافه کنید
از منوی سمت راست می تونید تنظیمات مختلف این برنامه برای منوها رو تغییر بدید
1- بخش Menu Item شامل قسمت های زیر است :
General : برای نوشتن متن منو، در این بخش می توان محل قرار گیری متن را نیز تعیین کرد ( چپ چین یا راست چین ) و همچنین دادن لینک به منو ها
Font : برای تغییر اندازه متن و رنگ آن ، باید فونت Tahoma را اضافه کنید
Icon : اضافه کردن آیکن به منو در سمت راست
Background : برای تعیین کردن پس زمینه
2- بخش popup Menu


General : می توان تعیین کرد که منو بصورت عمودی باشد یا افقی
Popup direction : جهت باز شدن زیر منو ها را تعیین می کند ( راست – چپ – بالا – پایین )
Arrow : اضافه کردن آیکن به سمت چپ منو
Effect : دادن افکت هنگام باز شدن منو ها
3- بخش Global
General : بخش Encoding را روی utf-8 قرار دهید 0 اگر متن فارسی استفاده می کنید باید این گزینه انتخاب شود )
Menu Type : چپ چین یا وست چین بودن منو را مشخص می کند
Cursor : شکل موس ر تغییر می دهد
Cross-Frame : در این بخش اگر متن فارسی می نویسید باید Right to Left را انتخاب کنید و برای متن انگلیسی Left to Right
نحوه گرفتن خروجی :
بعد از درست کردن منو ، ابتدا یک فلدر با نام dhtmlایجاد کنید و از منوی file روی save as کلیک کنید تا پروژ تان با پسوند pgt ذخیره شود .
1- با notepad یک فایل html با نام Index.html به صورت utf-8 ایجاد
کنید ( تاکید میکنم حتما utf-8 باشد )
2- از منوی file گزینه Publish را انتخاب کنید و سپس گزینه اول یعنی publish را لنتخاب کنید
از منوی باز شده در قسمت publish to your web page فایل html که ایجاد کرده بودید
را انتخاب کنید
سپس گزینه Insert code را بزنید در نهایت روی ok کلیک کنید
3- فایل index.html را با notepad باز کنید و کد زیر را قبل از همه کد ها اضافه کنید و به صورت utf-8 ذخیره کنید.
4- محل ذخیره شدن عکسها و فایلهای جاوا اسکریپت را در سایتتان باید مشخص کنید برای این کار از بخش Global گزینه Resource folder را انتخاب کنید سپس با کلیک روی advanced 2 گزینه images و Javascript را فعال کنید و مسیر سایتتان مثلا :
” /http://www.yoursite.com/menu/ ”
را بدهید کار تمام است منوی ساخته شده توسط این برنامه در همه مرور گرها بدرستی کار می کند
نکته : بعد از اتمام کار فایل html را با notepad باز کنید و کد زیر را قبل از همه کدها قرار دهید
در غیر این صورت فارسی را درست نمایش نمی دهد

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

اگر این مطلب را می خواهید در سایتی قرار دهید حتما منبع را به صورت www.Hemmaty.com ذکر کنید

دسته بندی‌ها: آموزش,طراحی وب,همه مطالب

برچسب‌ها :

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

  1. رامین گفت:

    در بخش نحوه گرفتن خروجی بند 3 گفتین”کد زیر را قبل از همه کد ها اضافه کنید و به صورت utf-8 ذخیره کنید.” ولی مشخص نکردین چه کدی؟

دیدگاه خود را بنوبسید