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
- css list style
- menu jquery horizontal
- jquery menu horizontal
- menu css horizontal
- css horizontal menu
- list style image
- menu horizontal jquery
- horizontal menu jquery
- FREE css menu horizontal
- menu horizontal css/html
- Menu decoration css
- menu background horizontal image
- template menu css horizontal
Tanks mate. Good article.
I’d forever want to be update on new posts on this site, bookmarked ! .