--
ابتدا برنامه Sothink DHTML Menu رو از این صفحه دانلود کنید : http://www2.sothink.com/download/sdmenu.zip

*نکته : شما حتما باید این برنامه رو کرک کنید که اگه مدیران عزیز اجازه بدند کرکش رو هم اینجا میزارم
(فعلا بخاطر قوانین انجمن این کار رو نمیکنم)


بعد از نصب ،برنامه رو باز کنید ، صفحه ای به نامStartup باز میشه ، از تمپلیت های موجود یکی رو انتخاب کنید
من تمپلیت Dark Green رو انتخاب کردم!


حالا بر روی OK کلیک کنید

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


از منوی سمت راست می تونید تنظیمات مختلف این برنامه برای منوها رو تغییر بدید
*نکته: برای مثال اگه میخوایید فونت همه منوها رو با همه عوض کنید ابتدا از منوی سمت چپ با نگه داشتن دگمه CTRL و کلیک کردن رو منو ها اونها رو انتخاب کنید و بعد از منوی سمت راست فونت همشون رو یکجا عوض کنید


از منو پایین هم میتونید کارهای اصلی رو روی منو ها اعمال کنید
اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 690 در 178 پيکسل و حجم آن 20 کيلوبايت است.

منوی وسط هم پیش نمایش منوتون هست

*توجه : اگه 30 دقیقه با این برنامه کار کنید همه جاش حسابی دستتون می یاد!
*نکته مهم : اگه می خوایید فارسی تیپ کنید ، به راحتی بر روی منو ها اسم های فارسی بگذارید ، حتی اگه به صورت مربع هم نشون داد به کارتون ادامه بدید...

--

بعد از درست کردن منوی دلخواه تون ، ابتدا یک فولدر در جایی که دارین سایتتون رو طراحی میکنید با نام dhtml درست کنید و یک Save از این برنامه داخلش بگیرید!
به همراه فایل pgt ؛ حدود 10 تا فایل js و عکس هم در اون فولدر ذخیره میشه که اونها خیلی مهمند!!!
حالا بر روی Publish در بالای نوار ابزار برنامه Sothink DHTML Menu کلیک کنید!
صفحه wizard با نام publish باز میشه
بر روی next کلیک کنید
در قسمت دوم، 4 گذینه دارید که میتونید یکی رو انتخاب کنید که من به شما توصیه میکنم بر روی گذینه سوم یعنی Create javascript (*.js) include file کلیک کنید و بر روی next بزنید


حالا در این گام، مسیر فایل js رو در همون فولدر dhtml انتخاب کنید و اسمش رو menu.js قرار بدید!!!!!
و Encoding Type رو برروی UTF-8 بگذارید و بر روی next کلیک کنید



خوب حالا در این گام به شما دو تا کد داده شده که باید توی هر دوتاشون یک تغییر کوچیک اعمال کنید!
کد اولی که به شما داده به این شکله:!
کد:
<script type="text/javascript" language="JavaScript1.2" src="stmenu.js"></script>
حالا این کد رو به این شکل کپی کنید
کد:
<script type="text/javascript" language="JavaScript1.2" src="dhtml/stmenu.js"></script>
این کد رو باید در میان تگ های <HEAD>...</HEAD> قرار بدید


حالا کد دومی:
کد دوم و یا پایینی که به شما داده به این شکله:!
کد:
<script type="text/javascript" language="JavaScript1.2" src="menu.js"></script>
این کد رو به این شکا کپی کنید:
کد:
<script type="text/javascript" language="JavaScript1.2" src="dhtml/menu.js"></script>
این کد باید در میان تگ های <BODY>...</BODY> و در جایی که دوست دارید منو به نمایش بیاد باید کپی کنید!
اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 680 در 369 پيکسل و حجم آن 37 کيلوبايت است.

--
خوب دیگه نیازی به Sothink DHTML Menu نداریم! میتونید ببندیدنش ...
--
خوب برید به فولدر dhtml و فایل menu.js رو در notepad باز کنید

در اینجا نیاز به استعداد خودتون هم هست و باید هر فایل گرافیکی که در اینجا قرار داره رو پیدا بکنید! و قبلشون آدرس دقیق رو بهشون اضافه کنید
مثلا اگه بهش آدرس داده شده "abc.gif" شما باید اون رو به "dhtml/abc.gif" تغییر بدید!

برای اینکه بهتر بفهیمید به این عکس ها نگاه کنید:

قبل از تغییر :
اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 814 در 246 پيکسل و حجم آن 68 کيلوبايت است.

بعد از تغییر :
اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 812 در 224 پيکسل و حجم آن 64 کيلوبايت است.

خوب فایل menu.js رو بعد از اعمال تغییرات save کنید
فایل html تون هم درست شده ولی این منو در preview فرانت پیج نمایش داده نمیشه باید حتما در Browser ببینیدش که کار میکنه!!




نکته های مهم :
با این کار فقط میتونید منو رو در صفحه هاتی که در روت قرار دارند استفاده کنید مگر اینکه از inline frame استفاده کنید
اگه میخواین بدون نیاز به Inline Frame این منو رو در همه صفحات ببنید باید بجای لینک دهی dhtml/menu.js و یا ... باید به این شکل لینک بدهید : http://www.site.com/dhtml/menu.js
** البته با تستی که من کردم در هر صورت کار میکنه ولی عکس هاش مشکل پیدا میکنند