رفتن به مطلب
M.Javad

مشکل منو های کشویی در فهرست وردپرس

پست های پیشنهاد شده

سلام.یه نگاه به این سایت و منو های بالاش بندازید

این منو ها با فهرست وردپرس کار میکنه ولی مشکلش اینه که وقتی روی یه گزینه میری همون لحظه کل زیرمجموعه هاش باز میشه

میخوام فقط زمانی که روی مجمعه خودش میری فقط زیر مجموعه اولش باز شه نه همش...

http://gradpress.ir/

ویرایش شده توسط M.Javad

به اشتراک گذاری این ارسال


لینک به ارسال

شما چقدر زیاد جاوا اسکریپت توی ساتتون وجودداره :o .

از کد جاوا اسکریپت برای منوی کشویی استفاده میکنید؟

کد های جاواش رو پاک کنید و خبر بدین تا با css براتون درستش کنم.(بدون جاوا)

به اشتراک گذاری این ارسال


لینک به ارسال

دوستان این کد css هست

کسی میتونه درستش کنه که فقط زیر دسته همون دسته باز بشه نه همه زیر دسته ها؟!


.shadow ul li{float:right;height:71px;background:url(images/li.png) no-repeat left;padding:0 0 0 5px;position:relative;}
.shadow ul li a{float:right;height:52px;background:none;margin:10px 0 0 0;line-height:50px;color:#fff;text-shadow:1px 1px #000;padding:0 15px 0 10px;}
.shadow ul li a:hover{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url("images/a_bg.jpg");background-origin:padding-box;background-position:0 0;background-repeat:repeat-x;background-size:auto auto;color:#FFFFFF;text-shadow:1px 1px #000000;}
.shadow ul li ul{position:absolute;right:0;top:70px;display:none;width:182px;background:#313030;z-index:20;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:0 0 5px 0}
.shadow ul li ul ul{position:absolute;right:175px;top:-4px;display:none;width:182px;background:#313030;z-index:10;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:0 0 5px 0}
.shadow ul li ul li{width:164px;float:right;height:27px;margin:4px 6px 3px 0;line-height:24px !important;}
.shadow ul li ul li a{color:#fff;background:none !important;width:160px;margin:0 4px 0 0;float:right;height:27px;line-height:24px !important}
.shadow ul li ul li a:hover{text-shadow:0 0 10px #fff;}

ویرایش شده توسط M.Javad

به اشتراک گذاری این ارسال


لینک به ارسال

با این کد های css کاملا منو کار میکنه و باید حتما فایل های جاوا اسکریپت حذف بشن.


.shadow ul li {background: url("images/li.png") no-repeat scroll left center rgba(0, 0, 0, 0);float: right;height: 71px;padding: 0 0 0 5px;position: relative;}
.shadow ul li a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #FFFFFF;float: right;height: 52px;line-height: 50px;margin: 10px 0 0;padding: 0 15px 0 10px;text-shadow: 1px 1px #000000;}
.shadow ul ul {visibility: hidden;}
.shadow ul li:hover > ul {visibility: visible;}
.shadow ul li a:hover {
background: url("images/a_bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);color: #FFFFFF;text-shadow: 1px 1px #000000;}
.shadow ul li ul {
background: none repeat scroll 0 0 #313030;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 0 0 5px;position: absolute;right: 0;top: 70px;width: 182px;z-index: 20;}
.shadow ul li ul ul {background: none repeat scroll 0 0 #313030;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 0 0 5px;position: absolute;right: 175px;top: -4px;width: 182px;z-index: 10;}
.shadow ul li ul li {float: right;height: 27px;line-height: 24px !important;margin: 4px 6px 3px 0;width: 164px;}
.shadow ul li ul li a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;color: #FFFFFF;float: right;height: 27px;line-height: 24px !important;margin: 0 4px 0 0;width: 160px;}
.shadow ul li ul li a:hover {text-shadow: 0 0 10px #FFFFFF;}

این اسکریپت در قالب حذف شود:


<script type="text/javascript">
$(document).ready(function(){$('.shadow li ').hover(function(){$('ul',this).slideDown(500);},function(){$('ul',this).slideUp(100);});});
</script>

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...