tazeh

نمایش دسته وردپرس بصورت کشویی افقی

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

سلام

من نمایش منو بصورت کشویی پیدا کردم که در این لـینک هست.

حالا می خوام این منو رو برای دسته وردپرس استفاده کنم، یعنی موضوعات وردپرس رو همراه با زیر دسته در این منو کشویی نمایش بدم.

لطفا راهنمایی کنید.

:D

0

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


لینک به پست

دوست عزیز

شما اگر از super fish استفاده کنید خیلی بهتر هست.

1

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


لینک به پست

دوست عزیز از این کد می تونی استفاده کنی :


<div class="navbar">
<div class="subnavbar">
<ul id="subnav">
<?php wp_list_categories('orderby=name&title_li=&depth=4'); ?>
</ul>
</div>
</div>

و این کد رو هم باید به style.css اضافه کنی.


#header .isi .navbar {
width: 970px;
float: left;
margin-left: 0px;
height: 35px;
padding: 15px 0px 0px 15px;
background: url(images/navbar.gif) no-repeat 0 0;
}
/* SubNavbar */
#navbar .subnavbar {
width: 955px;
height: 50px;
color: #FFFFFF;
margin: 0px auto 0px;
}

#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#subnav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #666666;
display: block;
margin: 0px;
padding: 9px 15px 9px 15px;
text-decoration: none;
}

#subnav li a:hover, #subnav li a:active {
color: #000000;
display: block;
margin: 0px;
padding: 9px 15px 9px 15px;



}

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #FFFFFF;
width: 170px;
color: #666666;
float: none;
margin: 0px;
padding: 5px 10px 5px 15px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-khtml-border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
#subnav li li a:hover, #subnav li li a:active {
background: #999999;
color: #FFFFFF;
padding: 5px 10px 5px 15px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li {
}

#subnav li ul a {
width: 160px;
}

#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -30px 0 0 191px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}

3

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


لینک به پست

ممنون آقا مهدی کد کاربردی بود.

بله آقا مرتضی super fish خیلی بهتره

متشکرم

0

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


لینک به پست

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

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

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

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


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

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

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


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