رفتن به مطلب

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


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

سلام

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

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

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

:D

لینک به ارسال

دوست عزیز

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

لینک به ارسال

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


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

لینک به ارسال

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

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

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

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

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

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

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

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

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