Oay s how would i create this, i have a vertical navagation bar that works but i would like a horizontal one similar to this http://boredmaple.net/ Please help! Thank you!
Meaning you want a bar running across the top of the page? Or like the bar in your example that has Home, Signup, Forum, Download, and etc. links..?
Might help:
See following sites for navigation menus:
CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/csslibrary/category/C1/ http://www.dynamicdrive.com/dynamicindex1/ http://www.cssplay.co.uk/menus/ How to Style an Unordered List with CSS:http://www.webreference.com/programming/css_style2/index.html Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
http://efuse.com/Design/navigation.html Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/ Drop-Down Menus, Horizontal Style: http://www.alistapart.com/articles/horizdropdowns/
NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquery.com/project/NavDock Making CSS Rollover Buttons: http://www.elated.com/articles/css-rollover-buttons/ How to spice up your menu with CSS3: http://tympanus.net/codrops/2012/01/22/how-to-spice-up-your-menu-with-css3/
How To:
http://www.w3.org/TR/WCAG10-HTML-TECHS/#links http://www.creativepro.com/article/dreamweaver-how-create-you-are-here-navigation-links http://efuse.com/Design/navigation.html Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/
Rounded Corner Menus:
How to Create an Interactive Rounded Navigation Menu with CSS: http://www.wikihow.com/Create-an-Interactive-Rounded-Navigation-Menu-with-CSS CSS Rounded Corners Menus: http://www.virtuosimedia.com/dev/css/css-rounded-corners-menus How To Make CSS Expanding Rounded Navigation Menus & Buttons: http://www.amberweinberg.com/how-to-make-css-expanding-rounded-navigation-menus-buttons/
If you want the graduated fill on the current page option (like the example you linked) you need to read up on the HTML 5 Canvas tag.