حالت موضوعی | حالت خطی

**mahan**

با سلام
لینک دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

آموزش
ابتدا مجموعه منویی رو که می خواهیم به صورت آبشاری یا کشویی در بیاد رو انتخاب می کنیم و منوها و زیرمنوها رو می سازیم. اسم مجموعه منویی که انتخاب شده DHTML هست.
سپس جایگاهی که منو قراره توش نمایش داده بشه (داخل قالب) رو انتخاب می کنیم. ما جایگاه user3 رو انتخاب می کنیم.
سپس کامپوننت را از قسمت نصب کننده امکانات سایت، نصب می کنیم.
حالا از منوهای بالای بخش مدیریت سایت، وارد امکانات شده و SWMenufree رو پیدا می کنیم.
کنترل پنل این کامپوننت ۵ تا زبونه یا Tab داره. اولین زبونه Menu Module Settings هست.

به دلیل گستردگی این کامپوننت، فقط قسمت های مهم توضیح داده می شود.
در قسمت Menu System سیستم منو را انتخاب می کنیم. توی این ورژن نرم افزار (که رایگان هست) فقط دو سیستم وجود داره. Transmenu که زیرمنوها به صورت متحرک باز می شوند و Mygosu Menu که زیرمنوها یه دفعه ظاهر می شوند. توی قسمت Menu source، تعیین می کنیم که کدوم یکی از مجموعه منوهای سایت رو می خواهیم به صورت آبشاری در بیاوریم. (ما قبلا مجموعه منوی DHTML رو انتخاب کردم بودیم). در سمت چپ تعیین می کنیم که عنوان منوها (DHTML) هم نشون داده بشه یا نه. بقیه حالت ها را هم خودتون امتحان کنید، برای زیباتر شدن منو ها هست (مثل سایه و این جور چیزا) در قسمت Position & Access تعیین می کنیم که منوها در چه موقعیتی از قالب قرار بگیرن (user3) و اینکه کدام دسته از بازدیدکنندگان سایت قادر به دیدن منوها باشند رو هم می تونید اینجا تعیین کنید.
در قسمت پایین همین صفحه می توانید تعیین کنید که این منوها توی کدوم صفحات، کدوم قالب (ها) و کدوم کامپوننت ها نشون داده شود.

زبونه بعدی : Size, Position & Offsets
در این زبونه اول تعیین می کنیم که چینش منوها از چه سمتی (align) باشه. راست، چپ یا وسط. بعدش افقی یا عمودی بودن منوها رو تعیین می کنیم. در قسمت Menu item sizes می تونید اندازه منوها و زیرمنوها رو تعیین کنید. عرض و ارتفاع منوها و زیرمنوها.
توضیحات دقیقتر مربوط به گزینه های این زبونه رو در قسمت پایین همین صفحه که راهنمای این قسمت هست می تونید ببینید.

زبونه بعدی Colors & Backgrounds هست که توش میشه رنگ همه قسمت های منو از جمله رنگ زمینه، رنگ حاشیه، رنگ نوشته ها و عکس پس زمینه (در صورت نیاز) رو در مورد منوها و زیرمنوها تعیین کرد و یا تغییر داد.

در قسمت پایین همین صفحه، باز هم قسمتی برای معرفی اصطلاحات به کار رفته قرار دارد که با شکل نشان داده شده است. در کنار این قسمت، یک قسمت برای انتخاب رنگ مورد نظر و دریافت شماره آن هست که می شود با استفاده از آن رنگ همه قسمت ها رو تعیین کرد.

با حرکت ماوس روی این قسمت رنگی، کد رنگ مربوطه در قسمت پایین ستون نارنجی رنگ نشون داده میشه.
زبونه بعدی Fonts & Padding هست.

در این قسمت می توانیم فونت مورد نیاز در منوها و زیرمنوها رو تعیین کنیم. فاصله بین منوها و فاصله بین زیرمنوها رو از هر چهار طرف (راست، چپ، پایین و بالا) میشه تعیین کرد. اندازه فونت، جهت چینش نوشته های منوها و زیرمنوها و استایل فونتها (بولد، ایتالیک و...) رو می شود تعیین کرد.
در پایین این صفحه هم مانند کلیه صفحات قبلی، قسمتی هست که اصطلاحات به کار رفته در این صفحه (مثل فاصله منوها از اطراف و چینش اونها) رو با شکل به طور کامل نشان داده. حتی نمونه ای از خانواده فونت ها همراه با اندازه اونها برای انتخاب راحت تر اونا نشون داده شده.

و اما زبونه آخر : Borders & Effects
توی این صفحه می توانید ضخامت حاشیه ها و شکل اونها رو تعیین کنید. حاشیه ها می توانند خط معمولی، نقطه چین، خط نقطه و... باشند. این تنظیمات هم مثل کلیه تنظیمات این کامپوننت برای منوها و زیرمنوها به صورت مجزا تعیین می شود.
در این قسمت همچنین میشه درصد وضوح زیرمنوها و مدت زمان تاخیر در باز و بسته شدن زیرمنوها رو هم تعیین کرد.

توی هر زبونه ۴ تا دکمه برای ذخیره،انصراف، پیش نمایش و صادر کردن تنظیمات شما در یک فایل css درنظرگرفته شده است. این فایل css در فولدر modules\mod_swmenufree\styles ذخیره می شود.

متاسفانه منبع این آموزش در ذهنم نیست وگرنه منبع هم ذکر می شد.

شاد باشید و شادی بخش دیگران