Navigation Menu is an important thing in making the site. Even more unique and interesting, people will be tempted to explore our site further. Follows we try to create a menu that has rounded corners on both sides of it using the image.

Easy way. Let us consider and we try together
1. Add the following code in style.css file under your theme.
2. Upload the following image file into the images folder under your theme folder. Donlot from HERE.
3. Add or replace the navigation menu on the header.php code like the following.
<ul id=”navtabs”>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>Server</a></li>
<li><a href=”#”>Windows</a></li>
<li><a href=”#”>Linux</a></li>
<li><a href=”#”>UNix</a></li>
</ul>
Finish….! Very very simple , right?.
For Online Demo :
you still confusion in applying the above code? leave a comment please
Hopefully helpfull.


One Response to “An Easy Way to Create a Menu with Rounded Corners Using Images”
Trackbacks/Pingbacks
[...] the previous post we’ve tried to create a menu with rounded corners using images , in the post this time we will make the same menu but the direct use css [...]