جرب الكود التالي /
كود PHP:
<div class="Mmenu"><ul class="nav"><?php wp_list_categories('show_count=0&use_desc_for_title=0&depth=1'); ?><li><div class="clear"></div></li></ul><?php if (is_category()) { $cat_id = get_query_var('cat'); $cats = wp_list_categories('echo=0&title_li=&show_count=0&use_desc_for_title=0&child_of='.$cat_id); if ( $cats != "") { ?><br /><div class="subnav"><ul><?php wp_list_categories('title_li=&orderby=name&depth=1&show_count=0&use_desc_for_title=0&child_of='.$cat_id); ?></ul></div><?php } ?> <?php } ?></div>
و css سيكون /
كود:
/* the menu */
.Mmenu { width: 950px; margin: 0 auto; padding: 0; text-align: center; }
.Mmenu ul.nav { margin: 0; padding: 0; list-style: none; }
.Mmenu ul.nav li { display: inline; font-size: 11px; font-weight: bold; }
.Mmenu ul.nav li a { font: bold 11px Tahoma; padding: 10px; margin: 5px; float: right; text-decoration: none; color: #000; border-bottom: 3px #000 solid; }
.Mmenu ul.nav li.current-cat a, .content ul.nav li.current-cat a:hover { border-bottom: 3px #ccc solid; }
.Mmenu ul.nav li a:hover { border-bottom: 3px #666 solid; }
.subnav { width: 950px; margin: 0 auto; padding: 0; text-align: center; }
.subnav ul { margin: 0; padding: 0; list-style: none; }
.subnav li { display: inline; font-size: 11px; font-weight: bold; }
.subnav a { font: bold 11px Tahoma; padding: 10px; margin: 5px; float: right; text-decoration: none; color: #000; border-bottom: 3px #30C2D9 solid; }
.subnav a:hover { border-bottom: 3px #ccc solid; }
.clear { clear:both; display: block; }