Many people are new in development of wordpress theme. They are searching for how to create the horizontal page menu using wordpressapi.

Here I am going to show the simple techniq of creating the horizontal page menu with wordpressapi.

Just create pages in wordpress first. Add following lines to your header.php file where you want to show the page menu.

<div id=”navmenu”>
<ul>
<li><a href=”<?php echo get_settings(‘home’); ?>”>HOME</a></li>
<?php wp_page_menu(); ?>
</ul>
</div>

Add folliowing lines in your style.css file.

#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px; padding: 5px 20px 5px 20px; color: blue; background: pink;}
#navmenu ul li a:hover {color: purple; background: yellow; }

That sit!

Incoming search terms:

• horizontal
• menu css horizontal
• menu jquery horizontal
• list style image
• jquery menu horizontal
• css horizontal menu
• horizontal menu jquery
• css list style
• menu horizontal jquery
• FREE css menu horizontal
• css menu background
• blue hover for menu
• horizontal menu
• css horizontal menu download
• recent post comments archives in horizontal menu in wordpress
• menu css jquery
• css menu backgrounds
• Website menu in yellow color
• jquery horizontal list menu
• javascripts for horizontal menus

You may like following Articles!