سلام؛
امروز میخوام با یک کد خیلی ساده شما رو با نحوه ساخت منو باز شونده (بصورت عمودی) آشنا کنم
کد زیر رو توی هر قستی از قالبتون که میخواین منو داشته باشه قرار بدید:
و همچنین CSS :
میخواستم واسش یه پلاگین بنویسم، ولی خب خیلی سادس نیازی نیس :دی
امروز میخوام با یک کد خیلی ساده شما رو با نحوه ساخت منو باز شونده (بصورت عمودی) آشنا کنم
کد زیر رو توی هر قستی از قالبتون که میخواین منو داشته باشه قرار بدید:
کد php:
<nav id="primary_nav_wrap">
<ul>
<?php
osc_goto_first_category();
while ( osc_has_categories() ) {
?>
<li>
<a href="<?php echo osc_search_category_url() ; ?>" class="">
<i <?php echo osc_category_slug() ; ?>></i><?php echo osc_category_name() ; ?>
<font style=" float: left; ">
(<?php echo osc_category_total_items() ; ?>)
</font>
</a>
<?php if ( osc_count_subcategories() > 0 ) { ?>
<ul>
<?php while ( osc_has_subcategories() ) { ?>
<li>
<a href="<?php echo osc_search_category_url() ; ?>">
<?php echo osc_category_name() ; ?>
<font style=" float: left; ">(<?php echo osc_category_total_items() ; ?>)</font>
</a>
</li>
<?php } ?>
</ul>
<?php } ?>
</li>
<?php } ?>
</ul>
</nav>
و همچنین CSS :
کد php:
#primary_nav_wrap
{
margin-top:15px
}
#primary_nav_wrap ul
{
list-style:none;
position:relative;
float:left;
margin:0;
padding:0
}
#primary_nav_wrap ul a
{
display:block;
color:#333;
text-decoration:none;
font-weight:700;
font-size:12px;
line-height:32px;
padding:0 15px;
font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}
#primary_nav_wrap ul li
{
position:relative;
float:left;
margin:0;
padding:0
}
#primary_nav_wrap ul li.current-menu-item
{
background:#ddd
}
#primary_nav_wrap ul li:hover
{
background:#f6f6f6
}
#primary_nav_wrap ul ul
{
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
padding:0
}
#primary_nav_wrap ul ul li
{
float:none;
width:200px
}
#primary_nav_wrap ul ul a
{
line-height:120%;
padding:10px 15px
}
#primary_nav_wrap ul ul ul
{
top:0;
left:100%
}
#primary_nav_wrap ul li:hover > ul
{
display:block
}
میخواستم واسش یه پلاگین بنویسم، ولی خب خیلی سادس نیازی نیس :دی
