secondary_navI needed a navigation scheme to display categories below my main nav bar. After a lot of searching I found this navigation scheme for categories and it was pretty easy to integrate into my Artisteer theme.

First thing is to drop the following code into your header.php file just after the last closing div (at least on my theme it was the last one). You can put it anywhere you want, you just may have to play around with it bit to get it in the right div container.

    <div id="header3">
	<ul class="nav2"><?php wp_list_categories('title_li=&orderby=ID'); ?></ul><!-- nav2 close -->
</div>

Then add the following to the end of your style.css

/*START -- put this in the style.css */
#header3 {
clear:both;
background:#b5d1ea;/*if you want a background color */
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000000;
height:100%;/* This works for my theme. You may want to make it 30px or something */
overflow:hidden;
}
.nav2 {
margin:0;
padding:0 12px;
list-style:none;
}

.nav2 li {
float:left;
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000000;
}

.nav2 li a {
display:block;
padding:10px 8px 1px 8px;
line-height:100%;
color:#000000;
text-decoration:none;
}

.nav2 li a:hover {
text-decoration:underline;
}

/*END  */

That’s about it. Play around with the colors and padding to get it the way you want in your theme.

You can see it in action on my Artisteer theme here.

Have fun,

Bud

Awesome Themes



Genesis Framework for WordPress

Favorite Random Quotes

“When I was born the doctor took one look at my face, turned me over and said, Look ... twins!”

by Rodney Dangerfield