Saturday, October 4, 2008

Simple navigation bar

Here is an example of a navigation bar:




Here is the HTML code I used to create the above "navbar":

<center style="font-weight: bold; color: rgb(0, 102, 0);"> <p class="navigation-bar" > < span > <a href="http://www.blogger.com/index.html" > introduction < /a > | < a href="http://www.blogger.com/side_panels.html" > side panels < /a > | < a href="http://www.blogger.com/links.html" > links < /a > | < a href="http://www.blogger.com/appearance.html" > text < /a > | < a href="http://www.blogger.com/navigation_bars.html" > navigation < /a > | < a href="http://www.blogger.com/text_and_images.html" > images < /a > | < a href="http://www.blogger.com/bullets.html">bullets < /a > < /span > < /p > < /center >




To customize this code for your own purposes...
  • simply replace the labels/names with your own
  • alter the number of destinations/pages linked by adding or subtracting a line (from "| <a href"... to... " </a >")
  • alter the font by going to the "compose" view and highlighting the bar and selecting your font size and type.
  • and REMEMBER TO INSERT YOUR OWN URLS. (remember that you can't just insert "www.whatever.com" you need to insert the Web address starting with "http://www.whatever.com" -- and remember to keep the URL inside the quote marks just as it appears in the example code I have provided.)

No comments: