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

شروع موضوع توسط bamshad ‏19 نوامبر 2006 در انجمن نرم‌افزارهای توسعه‌وب‌سایت (Sublime, VSCode و ...)

  1. bamshad

    bamshad Well-Known Member

    ارسال‌ها:
    1,001
    تشکر شده:
    137
    امتیاز دستاورد:
    63
    سلام دوستان
    چون دیدم خیلی از بچه ها واقعا به این آموزش نیاز دارند تصمیم گرفتم آموزش کاملش رو اینجا بزارم
    البته مقداریش روش استفاده از خوده برنامه هست و مقداریش هم روش استفاده کردن در FrontPage هست!!!

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

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

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


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

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

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

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

    از منو پایین هم میتونید کارهای اصلی رو روی منو ها اعمال کنید
    [​IMG]

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

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

    --

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

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


    خوب حالا در این گام به شما دو تا کد داده شده که باید توی هر دوتاشون یک تغییر کوچیک اعمال کنید!
    کد اولی که به شما داده به این شکله:!
    کد (Text):

    <script type="text/javascript" language="JavaScript1.2" src="stmenu.js"></script>
     
    حالا این کد رو به این شکل کپی کنید
    کد (Text):

    <script type="text/javascript" language="JavaScript1.2" src="dhtml/stmenu.js"></script>
     
    این کد رو باید در میان تگ های <HEAD>...</HEAD> قرار بدید
    [​IMG]

    حالا کد دومی:
    کد دوم و یا پایینی که به شما داده به این شکله:!
    کد (Text):

    <script type="text/javascript" language="JavaScript1.2" src="menu.js"></script>
     
    این کد رو به این شکا کپی کنید:
    کد (Text):

    <script type="text/javascript" language="JavaScript1.2" src="dhtml/menu.js"></script>
     
    این کد باید در میان تگ های <BODY>...</BODY> و در جایی که دوست دارید منو به نمایش بیاد باید کپی کنید!
    [​IMG]

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

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

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

    قبل از تغییر :
    [​IMG]

    بعد از تغییر :
    [​IMG]

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

    [​IMG]


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


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

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

    موفق باشید - بامشاد
     
    نوشته شده توسط bamshad در ‏19 نوامبر 2006
    khalilonline، meher، mvkhatib و 25 نفر دیگر از این ارسال تشکر کرده اند.
  2. mahdiehsh5

    mahdiehsh5 Member

    ارسال‌ها:
    42
    تشکر شده:
    1
    امتیاز دستاورد:
    6
    دوست عزيز يه مشكل وجود داره، اونم اينه كه تو سايت فارسي منوها بايد سمت راست باشه، من منوها را سمت راست آوردم ولي submenu ها روي خود منو باز مي شه و نتونستم اونها را سمت چپ منو اصلي باز كنم؟؟؟
     
    نوشته شده توسط mahdiehsh5 در ‏19 نوامبر 2006
    cdbahar از این پست تشکر کرده است.
  3. bamshad

    bamshad Well-Known Member

    ارسال‌ها:
    1,001
    تشکر شده:
    137
    امتیاز دستاورد:
    63
    البته این مشکلیه که نمیشه کاریش کرد
    من هم با این مشکل برخورد کردم ولی شما اگه از منو های افقی استفاده کنید هیچ مشکلی پیش نمی یاد!!!
     
    نوشته شده توسط bamshad در ‏19 نوامبر 2006
    saadatirad و tinatavizi از این پست تشکر کرده اند.
  4. bamshad

    bamshad Well-Known Member

    ارسال‌ها:
    1,001
    تشکر شده:
    137
    امتیاز دستاورد:
    63
    دوستان میبینم که حسابی از این آموزشم بهره بردید و حسابی این تاپیک شلوغ شده!!!!!!!

    من اصلا فکر نمیکردم این همه وقت خودم رو برای نوشتن این آموزش بزارم آخرش حتی یک تشکر هم ازم نشه!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
     
    آخرین ویرایش: ‏7 دسامبر 2009
    نوشته شده توسط bamshad در ‏21 نوامبر 2006
    saadatirad، amiresmaiil، setare228 و 3 نفر دیگر از این ارسال تشکر کرده اند.
  5. pesare-tanha

    pesare-tanha Member

    ارسال‌ها:
    599
    تشکر شده:
    265
    امتیاز دستاورد:
    16
    نه ترخدا من الا ديدم
    بامشاد اين كارو نكن
    خيلي ممنون
     
    نوشته شده توسط pesare-tanha در ‏21 نوامبر 2006
    mohsen107 از این پست تشکر کرده است.
  6. mohsenshahab

    mohsenshahab Active Member

    ارسال‌ها:
    744
    تشکر شده:
    175
    امتیاز دستاورد:
    43
    بامشاد جان من همین الان این تاپیک رو دیدم .
    ممنونم لطف بزرگی به من کردی
     
    نوشته شده توسط mohsenshahab در ‏22 نوامبر 2006
  7. YTERROR

    YTERROR Active Member

    ارسال‌ها:
    3,877
    تشکر شده:
    1,323
    امتیاز دستاورد:
    36
    دوست عزیز تهدید کردن آموزشی که همه جا هست درست نیست
     
    نوشته شده توسط YTERROR در ‏22 نوامبر 2006
  8. salim_a

    salim_a Member

    ارسال‌ها:
    238
    تشکر شده:
    21
    امتیاز دستاورد:
    18
    دستت درد نکنه بامشاد جان
     
    نوشته شده توسط salim_a در ‏22 نوامبر 2006
  9. salim_a

    salim_a Member

    ارسال‌ها:
    238
    تشکر شده:
    21
    امتیاز دستاورد:
    18
    این حرفتون رو قبول دارم


    آره همه جا است اما من دنبالش بودم با وجو د اینکه تا این اندازه که با مشاد گذاشته رو بلد بودم
     
    نوشته شده توسط salim_a در ‏22 نوامبر 2006
  10. bamshad

    bamshad Well-Known Member

    ارسال‌ها:
    1,001
    تشکر شده:
    137
    امتیاز دستاورد:
    63
    یاهو ترور جان دست درد نکنه
    از تو انتظار نداشتم!
    باشه اشکال نداره!
    ما هم خدایی داریم
    آموزش میدیم بدیم ندیم بدیم
    اشکال نداره
    دست درد نکنه با این حرفت خستگیم در رفت
     
    نوشته شده توسط bamshad در ‏23 نوامبر 2006
    saadatirad و amirb55 از این پست تشکر کرده اند.
  11. elecit

    elecit Member

    ارسال‌ها:
    148
    تشکر شده:
    2
    امتیاز دستاورد:
    16
    آقا من لينك كرك رو مي خوام اگه نمي شه گذاشت اينجا . حداقل برام بفرستيد .
    [email protected]
    با تشكر از همه مخصوصا بامشاد عزيز.
     
    نوشته شده توسط elecit در ‏23 نوامبر 2006
  12. capitanzed

    capitanzed New Member

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

    ممنون از آموزش تون....
     
    نوشته شده توسط capitanzed در ‏25 نوامبر 2006
  13. tohidi

    tohidi New Member

    ارسال‌ها:
    5
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    helpme

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


    از photo gallery در فرانت پیج استفاده کرده ام ولی نمی توانم به تک تک عکسها لینک جداگانه بدهم
    با تشکر
     
    نوشته شده توسط tohidi در ‏28 نوامبر 2006
  14. leila_karimi

    leila_karimi Member

    ارسال‌ها:
    159
    تشکر شده:
    17
    امتیاز دستاورد:
    16
    بامشاد خان لطف کنید کرکشم بزارین
     
    نوشته شده توسط leila_karimi در ‏16 ژانویه 2007
  15. amirrayaneh

    amirrayaneh Member

    ارسال‌ها:
    227
    تشکر شده:
    162
    امتیاز دستاورد:
    16
    با سلام
    بامشاد جان به خاطره این آموزش خیلی از تو ممنونم
    لطفا کرک برنامه را هم بگذار
    اگر نمیشه برام بفرست
    [email protected]
    باتشکر
     
    نوشته شده توسط amirrayaneh در ‏11 فوریه 2007
  16. djkami

    djkami New Member

    ارسال‌ها:
    9
    تشکر شده:
    1
    امتیاز دستاورد:
    1
    آقا بامشاد خيلي ها از آموزشت استفاده ميكنند.
     
    نوشته شده توسط djkami در ‏12 فوریه 2007
  17. djkami

    djkami New Member

    ارسال‌ها:
    9
    تشکر شده:
    1
    امتیاز دستاورد:
    1
    نوشته شده توسط djkami در ‏12 فوریه 2007
  18. djkami

    djkami New Member

    ارسال‌ها:
    9
    تشکر شده:
    1
    امتیاز دستاورد:
    1
    منوي فارسي

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


    [​IMG]

    2.جاي icon و arrow ها رو درست ميكنيم(global settings/general گزينه exchange the position of..)
    [​IMG]
    3.text ها رو مياريم سمت راست:همه item ها و submenu ها رو انتخاب ميكنيم و در قسمت
    (menu item settings/general) حالت راستچين رو انتخاب ميكنيم.

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



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


    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 در ‏14 فوریه 2007
    tinatavizi از این پست تشکر کرده است.
  19. djkami

    djkami New Member

    ارسال‌ها:
    9
    تشکر شده:
    1
    امتیاز دستاورد:
    1
    منوي فارسي

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


    [​IMG]

    2.جاي icon و arrow ها رو درست ميكنيم(global settings/general گزينه exchange the position of..)
    [​IMG]
    3.text ها رو مياريم سمت راست:همه item ها و submenu ها رو انتخاب ميكنيم و در قسمت
    (menu item settings/general) حالت راستچين رو انتخاب ميكنيم.

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



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


    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 در ‏14 فوریه 2007
  20. sajjad_eb

    sajjad_eb Well-Known Member

    ارسال‌ها:
    527
    تشکر شده:
    285
    امتیاز دستاورد:
    63
    یک راه دیگه ه بری استفاده از این نرم افزار ، استفاده از Integration در ادیتورهای Dreamweaver و FrontPage و Golive هست . کار خیلی راحت تر ی شه [​IMG]
     
    نوشته شده توسط sajjad_eb در ‏15 فوریه 2007

به اشتراک بگذارید