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

[tazeh 625]

سلام

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

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

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

[Morteza 34190]

دوست عزیز

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

[mahdi 92]

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

<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;
}

[tazeh 625]

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

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

متشکرم