راهنمای کامل استفاده از Sothink DHTML Menu

bamshad · Nov 19, 2006

سلام دوستان
چون دیدم خیلی از بچه ها واقعا به این آموزش نیاز دارند تصمیم گرفتم آموزش کاملش رو اینجا بزارم
البته مقداریش روش استفاده از خوده برنامه هست و مقداریش هم روش استفاده کردن در FrontPage هست!!!

پس شروع میکنم:

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

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

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

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

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

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

از منو پایین هم میتونید کارهای اصلی رو روی منو ها اعمال کنید

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

*توجه : اگه 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> و در جایی که دوست دارید منو به نمایش بیاد باید کپی کنید!

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

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

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

قبل از تغییر :

بعد از تغییر :

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

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

هر سوالی داشتید همینجا بپرسید!

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

موفق باشید - بامشاد

mahdiehsh5 · Nov 19, 2006

دوست عزيز يه مشكل وجود داره، اونم اينه كه تو سايت فارسي منوها بايد سمت راست باشه، من منوها را سمت راست آوردم ولي submenu ها روي خود منو باز مي شه و نتونستم اونها را سمت چپ منو اصلي باز كنم؟؟؟

bamshad · Nov 19, 2006

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

bamshad · Nov 21, 2006

دوستان میبینم که حسابی از این آموزشم بهره بردید و حسابی این تاپیک شلوغ شده!!!!!!!

من اصلا فکر نمیکردم این همه وقت خودم رو برای نوشتن این آموزش بزارم آخرش حتی یک تشکر هم ازم نشه!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

pesare-tanha · Nov 21, 2006

نه ترخدا من الا ديدم
بامشاد اين كارو نكن
خيلي ممنون

mohsenshahab · Nov 22, 2006

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

YTERROR · Nov 22, 2006

با حذف کردنش چطورید؟
من اصلا فکر نمیکردم این همه وقت خودم رو برای نوشتن این آموزش بزارم آخرش حتی یک تشکر هم ازم نشه

دوست عزیز تهدید کردن آموزشی که همه جا هست درست نیست

salim_a · Nov 22, 2006

دستت درد نکنه بامشاد جان

salim_a · Nov 22, 2006

yterror گفت:
دوست عزیز تهدید کردن آموزشی که همه جا هست درست نیست

این حرفتون رو قبول دارم

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

bamshad · Nov 23, 2006

yterror گفت:
دوست عزیز تهدید کردن آموزشی که همه جا هست درست نیست

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

elecit · Nov 23, 2006

آقا من لينك كرك رو مي خوام اگه نمي شه گذاشت اينجا . حداقل برام بفرستيد .
[email protected]
با تشكر از همه مخصوصا بامشاد عزيز.

capitanzed · Nov 25, 2006

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

ممنون از آموزش تون....

tohidi · Nov 28, 2006

helpme

سلام
چگونه از theme در فرونت پیج استفاده کنم اصلا نمونه هایی را که به عنوان theme نشان داده در مد design دیده نمی شود
چگونه در فرونت پیج می توان تعریف کرد که هرچه در صفحه home است در سایر صفحات تکرار کند
چگونه می شود در فرانت پیج قبل از استفاده از open my web site شکل نهایی web site را دید

از photo gallery در فرانت پیج استفاده کرده ام ولی نمی توانم به تک تک عکسها لینک جداگانه بدهم
با تشکر

leila_karimi · Jan 16, 2007

بامشاد خان لطف کنید کرکشم بزارین

amirrayaneh · Feb 11, 2007

با سلام
بامشاد جان به خاطره این آموزش خیلی از تو ممنونم
لطفا کرک برنامه را هم بگذار
اگر نمیشه برام بفرست
[email protected]
باتشکر

djkami · Feb 12, 2007

آقا بامشاد خيلي ها از آموزشت استفاده ميكنند.

djkami · Feb 12, 2007

بامشاد جان اگه ميشه كركشو واسم بفرست[email protected]

djkami · Feb 14, 2007

منوي فارسي

mahdiehsh5 گفت:
دوست عزيز يه مشكل وجود داره، اونم اينه كه تو سايت فارسي منوها بايد سمت راست باشه، من منوها را سمت راست آوردم ولي submenu ها روي خود منو باز مي شه و نتونستم اونها را سمت چپ منو اصلي باز كنم؟؟؟

Mahdiehsh5 عزيز من تونستم با Sothink DHTML Menu يه
منوي فارسي بسازم كه به نظر مياد هيچ مشكلي نداره.طريقه ساختشو
واست مينويسم.
نكته: اگه text item ها رو فارسي كني منو تو قسمت preview
ديده نميشه(البته شايد تو نسخه من اينجوري باشه) پس اين كار رودر
مرحله آخر انجام ميديم.در ضمن من از menuي shop logo به عنوان
مثال استفاده كردم.
1.اول از همه كل منو رو مياريم سمت راست ( در قسمت
Global settings/menu type در قسمت options ).

2.جاي icon و arrow ها رو درست ميكنيم(global settings/general گزينه exchange the position of..)

3.text ها رو مياريم سمت راست:همه item ها و submenu ها رو انتخاب ميكنيم و در قسمت
(menu item settings/general) حالت راستچين رو انتخاب ميكنيم.

نكته:item menuي آخري با اين كار راستچين نميشه كه بايد بعد اين كار textش رو پاك كني و دوباره بنويسي
كه درست ميشه.

4.حالا مرحله اصلي يعني باز شدن منو:item menuي مورد نظرت زو انتخاب كن(مثلا download رو) و
در قسمت popup direction (popup menu settings/popupdirection) رو right كن ومقدار
the corner x coordinate رو (كه محل شروع باز شدن منو رو روي محور افقي تعيين ميكنه) بده ─337
(منفي) يا هر مقداري كه دوست داري منو از مونجا شروع به باز شدن كنه.

5.براي درست شدن فلش ها هم در قسمت popup menu settings/arrow ميتوني فلشهاي با جهت درست رو
انتخاب كني.
IMG]D:\Documents and Settings\km\Desktop\5.bmp[/IMG]

6.در آخر وقتي همه كارا رو انجام دادي و خواستي publish كني ميتوني text ها رو فارسي كني .براي publish هم كه مي توني از آموزش هاي بامشاد استفاده كني .اميدوارم چيزي رو از قلم ننداخته باشم.چند
تا عكس هم از نتيجه كار تو Browser واست گذاشتم.نتيجه كارتو حتما بهم اطلاع بده.يا علي. :sad:

IMG]D:\Documents and Settings\km\Desktop\1.0.bmp[/IMG](اگه عكسا نرسيد شرمنده نميدونم چه طوري بايد عكس بزارم.)
IMG]D:\Documents and Settings\km\Desktop\2.0.bmp[/IMG]

djkami · Feb 14, 2007