Look to my horizontal menu bar.Most of the blogger will be like it to add them at their Blog.For this reason i am publishing the code here.
You need just copy the code and paste it "html/script" Gadget on Page elements.
| <style type="text/css"> /*Credits: Blogxool.blogspot.com */ /*URL: http://www.blogxool.blogspot.com */ .underlinemenu{ font-weight: bold; width: 100%; } .underlinemenu ul{ padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/ margin: 0; text-align: right; //set value to "left", "center", or "right"*/ } .underlinemenu ul li{ display: inline; } .underlinemenu ul li a{ color: #494949; padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/ margin-right: 20px; /*spacing between each menu link*/ text-decoration: none; border-bottom: 3px solid gray; /*bottom border is 3px*/ } .underlinemenu ul li a:hover, .underlinemenu ul li a.selected{ border-bottom-color: black; } </style> <div class="underlinemenu"> <ul> <li><a href="http://www.blogxool.blogspot.com/">Home</a></li> <li><a href="http://blogxool.blogspot.com/2009/09/free-blog-templates.html">Free Blog templates</a></li> <li><a href="http://www.blogxool.blogspot.com/">Bx-code errors</a></li> <li><a href="http://blogxool.blogspot.com/2009/10/tricks.html">Tricks and Hack</a></li> <li><a href="http://blogxool.blogspot.com/2009/10/scripts.html">Script n Code</a></li> <li><a href="http://www.blogxool.blogspot.com/">About Us</a></li> </ul> </div> |
Done!! Thanks Please show comments :) |
