ورود

View Full Version : راست به چپ کردن زيرمنوها در jdmenu



bftarane
جمعه 26 آبان 1391, 10:10 صبح
سلام.
من از اين منو که آدرسش رو در زير گذاشتم مي خوام واسه سايتم استفاده کنم.
http://webscripts.softpedia.com/script/Internet-Browsers- C-C/Navigation/jdMenu-44534.html (http://webscripts.softpedia.com/script/Internet-Browsers-C-C/Navigation/jdMenu-44534.html)

ولي نتونستم زيرمنوها رو راست به چپ کنم.
لطفاً راهنمايي کنيد.
اينم شکل

94993
کدهايي که تا الآن دارم رو هم مي زارم.
ul.jd_menu,
ul.jd_menu_vertical {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
display: none;
}
ul.jd_menu li {
float: right;
}
ul.jd_menu_vertical {
width: 300px;
}
ul.jd_menu_vertical li {
float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
position: absolute;
display: none;
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
float: none;
margin: 0px;
}


ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {
background-color: #8b4fa9;
border: 1px solid #8b4fa9;
border-top: 1px solid #8b4fa9;
border-left: 1px solid #8b4fa9;

height: 20px;
}
ul.jd_menu_vertical {
height: auto;
}
ul.jd_menu ul {
height: auto;
}
* html ul.jd_menu ul {
width: 1%;
}
ul.jd_menu li {
font-size: 12px;
color: #FFF;

line-height: 14px;

margin: 0px;
padding: 4px 7px 3px 7px;
height: 13px;

cursor: pointer;
white-space: nowrap;
}
ul.jd_menu li li {
width: 200px;
}
ul.jd_menu li a {
color: #FFF;
text-decoration: none;
}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
background-color: #b06cd1;
color: #FFF;

padding: 3px 6px 2px 6px;
border: 1px solid #b06cd1;
border-left: 1px solid #b06cd1;
border-top: 1px solid #b06cd1;

}


ممنونم.

کامروا
جمعه 26 آبان 1391, 10:42 صبح
سلام
direction رو روی rtl قرار دادید؟

soroush.elec
جمعه 26 آبان 1391, 10:59 صبح
سلام
کافیست همه direction=rtl شود و
همه left ها بشود right
مثلاٌ margin-right بشود margin-left
text-align هم بستگی به میل خودتان

اگر مایلید در زمینه تولید محتوای آموزشی برنامه نویسی فعالیت کنید با من تماس بگیرید:soroush.elec@yahoo.com

bftarane
جمعه 26 آبان 1391, 11:33 صبح
سلام.
من منوم رو داخل يه Div قرار دادم به اون Div اومدم dir=rtl اختصاص دادم ولي فرقي نکرد.
حتي اومدم به کل body دايرکشن rtl دادم بازم درست نشد.
اگه به کدها نگاه کنيد اين قسمت رو مي بينيد ul.jd_menu li {
float: right;
}

که تغييري که من دادم به غير از رنگ اينه که اون right قبلاً left بود و من به right تغييرش دادم.
ديگه left ديگه اي در کدها نمي بينم که تغيير بدم.

کامروا
جمعه 26 آبان 1391, 12:00 عصر
سلام.
من منوم رو داخل يه Div قرار دادم به اون Div اومدم dir=rtl اختصاص دادم ولي فرقي نکرد.
حتي اومدم به کل body دايرکشن rtl دادم بازم درست نشد.
اگه به کدها نگاه کنيد اين قسمت رو مي بينيد ul.jd_menu li {
float: right;
}

که تغييري که من دادم به غير از رنگ اينه که اون right قبلاً left بود و من به right تغييرش دادم.
ديگه left ديگه اي در کدها نمي بينم که تغيير بدم.

به تگ html
"dir="rtl رو اضافه کنید درست میشه

bftarane
جمعه 26 آبان 1391, 12:34 عصر
95018

اين کار رو هم کردم.

ببينيد من يه سطح ديگه به منوها اضافه کردم عکسش رو مي بينيد

ببينيد خيلي عجيبه منوي سطح سوم که نوشته ايران جهان درست نشون داده مي شه ولي من ميخوام منوي سطح دوم هم جهتش به سمت راست باشه اميدوارم منظورم رو متوجه شده باشيد چون تو عکس يه خورده ناواضحه.

ببخشيد اين عکس پايينيه نمي دونم چرا هر کاري مي کنم حذف نميشه اون اشتباهي آپلود شده. شما عکس بالا رو در نظر بگيريد.

bftarane
جمعه 26 آبان 1391, 14:24 عصر
من اصراري ندارم حتماً با اين منو بخوام کار کنم اگه پلاگين سوپرفيش يا jd اي سراغ داريد که راحت Rtl ميشه لينکش رو لطفاً معرفي کنيد.
منوي سايت من دايناميک هست و n-level و فقط با اختصاص يه کلاس به تگ ul اين منوي jd رو بهش متصل کردم به صورت زير:

Literal1.Text = " <ul class=\"jd_menu\">" + menuMaker(0).Substring(5);
برام مهمه که به همين صورت فقط با اختصاص يه کلاس به تگ ul اين کار انجام بشه.