TAHA
09-20-2009, 09:08 AM
--
ابتدا برنامه Sothink DHTML Menu رو از این صفحه دانلود کنید : http://www2.sothink.com/download/sdmenu.zip
*نکته : شما حتما باید این برنامه رو کرک کنید که اگه مدیران عزیز اجازه بدند کرکش رو هم اینجا میزارم
(فعلا بخاطر قوانین انجمن این کار رو نمیکنم)
بعد از نصب ،برنامه رو باز کنید ، صفحه ای به نامStartup باز میشه ، از تمپلیت های موجود یکی رو انتخاب کنید
من تمپلیت Dark Green رو انتخاب کردم!
http://pnu-club.com/imported/mising.jpg
حالا بر روی OK کلیک کنید
//
از منوی سمت چپ می تونید اسم قسمت های مختلف منو رو تغییر بدید و یا بهش منو یا ساب منو اضافه کنید
http://pnu-club.com/imported/mising.jpg
از منوی سمت راست می تونید تنظیمات مختلف این برنامه برای منوها رو تغییر بدید
*نکته: برای مثال اگه میخوایید فونت همه منوها رو با همه عوض کنید ابتدا از منوی سمت چپ با نگه داشتن دگمه CTRL و کلیک کردن رو منو ها اونها رو انتخاب کنید و بعد از منوی سمت راست فونت همشون رو یکجا عوض کنید
http://pnu-club.com/imported/mising.jpg
از منو پایین هم میتونید کارهای اصلی رو روی منو ها اعمال کنید
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 690 در 178 پيکسل و حجم آن 20 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
منوی وسط هم پیش نمایش منوتون هست
*توجه : اگه 30 دقیقه با این برنامه کار کنید همه جاش حسابی دستتون می یاد!
*نکته مهم : اگه می خوایید فارسی تیپ کنید ، به راحتی بر روی منو ها اسم های فارسی بگذارید ، حتی اگه به صورت مربع هم نشون داد به کارتون ادامه بدید...
--
بعد از درست کردن منوی دلخواه تون ، ابتدا یک فولدر در جایی که دارین سایتتون رو طراحی میکنید با نام dhtml درست کنید و یک Save از این برنامه داخلش بگیرید!
به همراه فایل pgt ؛ حدود 10 تا فایل js و عکس هم در اون فولدر ذخیره میشه که اونها خیلی مهمند!!!
حالا بر روی Publish در بالای نوار ابزار برنامه Sothink DHTML Menu کلیک کنید!
صفحه wizard با نام publish باز میشه
بر روی next کلیک کنید
در قسمت دوم، 4 گذینه دارید که میتونید یکی رو انتخاب کنید که من به شما توصیه میکنم بر روی گذینه سوم یعنی Create javascript (*.js) include file کلیک کنید و بر روی next بزنید
http://pnu-club.com/imported/mising.jpg
حالا در این گام، مسیر فایل js رو در همون فولدر dhtml انتخاب کنید و اسمش رو menu.js قرار بدید!!!!!
و Encoding Type رو برروی UTF-8 بگذارید و بر روی next کلیک کنید
http://pnu-club.com/imported/mising.jpg
خوب حالا در این گام به شما دو تا کد داده شده که باید توی هر دوتاشون یک تغییر کوچیک اعمال کنید!
کد اولی که به شما داده به این شکله:!
کد:
<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> قرار بدید
http://pnu-club.com/imported/mising.jpg
حالا کد دومی:
کد دوم و یا پایینی که به شما داده به این شکله:!
کد:
<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> و در جایی که دوست دارید منو به نمایش بیاد باید کپی کنید!
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 680 در 369 پيکسل و حجم آن 37 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
--
خوب دیگه نیازی به Sothink DHTML Menu نداریم! میتونید ببندیدنش ...
--
خوب برید به فولدر dhtml و فایل menu.js رو در notepad باز کنید
در اینجا نیاز به استعداد خودتون هم هست و باید هر فایل گرافیکی که در اینجا قرار داره رو پیدا بکنید! و قبلشون آدرس دقیق رو بهشون اضافه کنید
مثلا اگه بهش آدرس داده شده "abc.gif" شما باید اون رو به "dhtml/abc.gif" تغییر بدید!
برای اینکه بهتر بفهیمید به این عکس ها نگاه کنید:
قبل از تغییر :
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 814 در 246 پيکسل و حجم آن 68 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
بعد از تغییر :
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 812 در 224 پيکسل و حجم آن 64 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
خوب فایل menu.js رو بعد از اعمال تغییرات save کنید
فایل html تون هم درست شده ولی این منو در preview فرانت پیج نمایش داده نمیشه باید حتما در Browser ببینیدش که کار میکنه!!
http://pnu-club.com/imported/mising.jpg
نکته های مهم :
با این کار فقط میتونید منو رو در صفحه هاتی که در روت قرار دارند استفاده کنید مگر اینکه از inline frame استفاده کنید
اگه میخواین بدون نیاز به Inline Frame این منو رو در همه صفحات ببنید باید بجای لینک دهی dhtml/menu.js و یا ... باید به این شکل لینک بدهید : http://www.site.com/dhtml/menu.js
** البته با تستی که من کردم در هر صورت کار میکنه ولی عکس هاش مشکل پیدا میکنند
ابتدا برنامه Sothink DHTML Menu رو از این صفحه دانلود کنید : http://www2.sothink.com/download/sdmenu.zip
*نکته : شما حتما باید این برنامه رو کرک کنید که اگه مدیران عزیز اجازه بدند کرکش رو هم اینجا میزارم
(فعلا بخاطر قوانین انجمن این کار رو نمیکنم)
بعد از نصب ،برنامه رو باز کنید ، صفحه ای به نامStartup باز میشه ، از تمپلیت های موجود یکی رو انتخاب کنید
من تمپلیت Dark Green رو انتخاب کردم!
http://pnu-club.com/imported/mising.jpg
حالا بر روی OK کلیک کنید
//
از منوی سمت چپ می تونید اسم قسمت های مختلف منو رو تغییر بدید و یا بهش منو یا ساب منو اضافه کنید
http://pnu-club.com/imported/mising.jpg
از منوی سمت راست می تونید تنظیمات مختلف این برنامه برای منوها رو تغییر بدید
*نکته: برای مثال اگه میخوایید فونت همه منوها رو با همه عوض کنید ابتدا از منوی سمت چپ با نگه داشتن دگمه CTRL و کلیک کردن رو منو ها اونها رو انتخاب کنید و بعد از منوی سمت راست فونت همشون رو یکجا عوض کنید
http://pnu-club.com/imported/mising.jpg
از منو پایین هم میتونید کارهای اصلی رو روی منو ها اعمال کنید
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 690 در 178 پيکسل و حجم آن 20 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
منوی وسط هم پیش نمایش منوتون هست
*توجه : اگه 30 دقیقه با این برنامه کار کنید همه جاش حسابی دستتون می یاد!
*نکته مهم : اگه می خوایید فارسی تیپ کنید ، به راحتی بر روی منو ها اسم های فارسی بگذارید ، حتی اگه به صورت مربع هم نشون داد به کارتون ادامه بدید...
--
بعد از درست کردن منوی دلخواه تون ، ابتدا یک فولدر در جایی که دارین سایتتون رو طراحی میکنید با نام dhtml درست کنید و یک Save از این برنامه داخلش بگیرید!
به همراه فایل pgt ؛ حدود 10 تا فایل js و عکس هم در اون فولدر ذخیره میشه که اونها خیلی مهمند!!!
حالا بر روی Publish در بالای نوار ابزار برنامه Sothink DHTML Menu کلیک کنید!
صفحه wizard با نام publish باز میشه
بر روی next کلیک کنید
در قسمت دوم، 4 گذینه دارید که میتونید یکی رو انتخاب کنید که من به شما توصیه میکنم بر روی گذینه سوم یعنی Create javascript (*.js) include file کلیک کنید و بر روی next بزنید
http://pnu-club.com/imported/mising.jpg
حالا در این گام، مسیر فایل js رو در همون فولدر dhtml انتخاب کنید و اسمش رو menu.js قرار بدید!!!!!
و Encoding Type رو برروی UTF-8 بگذارید و بر روی next کلیک کنید
http://pnu-club.com/imported/mising.jpg
خوب حالا در این گام به شما دو تا کد داده شده که باید توی هر دوتاشون یک تغییر کوچیک اعمال کنید!
کد اولی که به شما داده به این شکله:!
کد:
<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> قرار بدید
http://pnu-club.com/imported/mising.jpg
حالا کد دومی:
کد دوم و یا پایینی که به شما داده به این شکله:!
کد:
<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> و در جایی که دوست دارید منو به نمایش بیاد باید کپی کنید!
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 680 در 369 پيکسل و حجم آن 37 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
--
خوب دیگه نیازی به Sothink DHTML Menu نداریم! میتونید ببندیدنش ...
--
خوب برید به فولدر dhtml و فایل menu.js رو در notepad باز کنید
در اینجا نیاز به استعداد خودتون هم هست و باید هر فایل گرافیکی که در اینجا قرار داره رو پیدا بکنید! و قبلشون آدرس دقیق رو بهشون اضافه کنید
مثلا اگه بهش آدرس داده شده "abc.gif" شما باید اون رو به "dhtml/abc.gif" تغییر بدید!
برای اینکه بهتر بفهیمید به این عکس ها نگاه کنید:
قبل از تغییر :
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 814 در 246 پيکسل و حجم آن 68 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
بعد از تغییر :
http://pnu-club.com/imported/2009/07/10.gif اين تصوير از اندازه واقعي خود کوچکتر نمايش داده مي شود. براي ديدن اين تصوير در اندازه واقعي اينجا را کليک کنيد. اندازه واقعي اين تصوير 812 در 224 پيکسل و حجم آن 64 کيلوبايت است.http://pnu-club.com/imported/mising.jpg
خوب فایل menu.js رو بعد از اعمال تغییرات save کنید
فایل html تون هم درست شده ولی این منو در preview فرانت پیج نمایش داده نمیشه باید حتما در Browser ببینیدش که کار میکنه!!
http://pnu-club.com/imported/mising.jpg
نکته های مهم :
با این کار فقط میتونید منو رو در صفحه هاتی که در روت قرار دارند استفاده کنید مگر اینکه از inline frame استفاده کنید
اگه میخواین بدون نیاز به Inline Frame این منو رو در همه صفحات ببنید باید بجای لینک دهی dhtml/menu.js و یا ... باید به این شکل لینک بدهید : http://www.site.com/dhtml/menu.js
** البته با تستی که من کردم در هر صورت کار میکنه ولی عکس هاش مشکل پیدا میکنند