پارس جوم ::  انجمن های تخصصی جوملا
مشكل با ماژول منو عمودي ? - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: مشكل با ماژول منو عمودي ? (/thread-13987.html)



مشكل با ماژول منو عمودي ? - aslani031 - ۱۴-۱۰-۱۳۹۲ ۱۲:۴۹ صبح

با سلام

من در دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
منو عمودي دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو نصب كردم ولي منو دوم با فاصله زيادي از منو اصلي باز ميشه ؟

ممنون ميشم راهنمائي كنيد


RE: مشكل با ماژول منو عمودي ? - hsmtech - ۱۶-۱۰-۱۳۹۲ ۰۹:۰۵ صبح

دوست گرامی!
به آدرس modules/mod_ariyuimenu/mod_ariyuimenu/js/assets/menu/sam در سایتتون مراجعه کنید و فایل safe_menu_rtl.css رو به ترتیب زیر ویرایش کنید:
در سطر 215:
کد:
{$id}.yui-skin-sam .yuimenu .yuimenu {
     right: 44%;
}
مقدار 44% رو با 28% عوض کنید و یا کلا مقدار رو برابر auto قرار بدید.


RE: مشكل با ماژول منو عمودي ? - aslani031 - ۱۶-۱۰-۱۳۹۲ ۰۳:۱۲ عصر

دست شما درد نكنه خيلي عالي بود
دو تا سوال ديگه!

1- چطوري ميتونم عرض منو جديد رو كم كنم يا به عبارتي عرض و طول رو تنظيم كنم؟

2- عكس سمت راست منو رو كه ماژول از قالب من برميداره و نمايش ميده رو چطوري ميشه حذف كرد؟

با تشكر


RE: مشكل با ماژول منو عمودي ? - hsmtech - ۱۶-۱۰-۱۳۹۲ ۰۷:۵۵ عصر

دوست گرامی!
در مورد حذف بالت (عکس) توجه داشته باشید، در صورتی که تغییری ایجاد کنید برای سایر منوهای قالبتون هم این تغییر اعمال میشه. برای حذف بالت به آدرس templates/parmin/css مراجعه کنید و فایل template.css رو به ترتیبی که عرض می کنم ویرایش کنید:
سطر 299
کد:
#cheshmesar_5_5 .moduletable ul li {
    background-image: url("../images/menubullets.gif");
    background-position: 128px 3px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    height: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 5px;
}
سطر background-image رو کلا حذف کنید.

برای تنظیم مناسب متن در منو به فایل safe_menu_rtl.css مراجعه کنید و اون رو ویرایش کنید:
سطر 290
کد:
{$id}.yui-skin-sam UL LI A.yuimenuitemlabel {
    padding: 0 20px !important;
    color: #000;
    text-decoration: none;
    cursor: default;
    border: 0;
    background-color: transparent;
    line-height: 1.5;
    *line-height: 1.45;
    height: auto;
}
خاصیت padding رو این طور تنظیم کنید:
کد:
padding: 0 0 0 20px !important;



RE: مشكل با ماژول منو عمودي ? - aslani031 - ۱۶-۱۰-۱۳۹۲ ۱۰:۴۳ عصر

(۱۶-۱۰-۱۳۹۲ ۰۷:۵۵ عصر)hsmtech نوشته شده توسط: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دوست گرامی!
در مورد حذف بالت (عکس) توجه داشته باشید، در صورتی که تغییری ایجاد کنید برای سایر منوهای قالبتون هم این تغییر اعمال میشه. برای حذف بالت به آدرس templates/parmin/css مراجعه کنید و فایل template.css رو به ترتیبی که عرض می کنم ویرایش کنید:
سطر 299
کد:
#cheshmesar_5_5 .moduletable ul li {
    background-image: url("../images/menubullets.gif");
    background-position: 128px 3px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    height: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 5px;
}
سطر background-image رو کلا حذف کنید.

دست شما درد نكنه
فقط در مورد كد بالا نمي شد كاري كرد كه خود ماژول اون عكس رو فراخواني نكنه تا اين كه اي قابليت از قالب اصلي حذف بشه؟

ممنون


RE: مشكل با ماژول منو عمودي ? - hsmtech - ۱۷-۱۰-۱۳۹۲ ۰۸:۵۶ عصر

در صورتیکه قصد دارید بالت ها فقط در این ماژول حذف بشه:
1. در بخش مدیریت سایت Extensions->Module Manager ماژول موردنظر رو انتخاب کنید.
2. در قسمت Advanced Options گزینه ای به نام Module Class Suffix وجود داره، شما اون رو با mysfx_ مقداردهی کنید. (توجه داشته باشید که علامت underline در سمت چپ عبارت mysfx و بدون فاصله تایپ بشه)
3. به آدرس templates/parmin/css مراجعه کنید و کلاس زیر رو به فایل template.css اضافه کنید.
کد:
#cheshmesar_5_5 .moduletable_mysfx ul li {
    background-image:none;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    height: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 5px;
}