M.Javad

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

4 پست در این موضوع قرار دارد

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

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

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

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>

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری