www.webdeveloper.com
Results 1 to 4 of 4

Thread: HTML Horizontal NAvigation bar

  1. #1
    Join Date
    Dec 2012
    Posts
    1

    HTML Horizontal NAvigation bar

    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!

  2. #2
    Join Date
    Feb 2010
    Posts
    16
    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..?

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Might help:

    See following sites for navigation menus:

    CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/cs...y/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/programm...le2/index.html
    Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-d...query-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/...enu-with-css3/

    How To:

    http://www.w3.org/TR/WCAG10-HTML-TECHS/#links
    http://www.creativepro.com/article/d...vigation-links
    http://efuse.com/Design/navigation.html
    Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/
    The Right Way to Make a Dropdown Menu: http://www.sitepoint.com/blogs/2009/...dropdown-menu/
    ------------------------
    Rounded Corner Menus:

    How to Create an Interactive Rounded Navigation Menu with CSS: http://www.wikihow.com/Create-an-Int...-Menu-with-CSS
    CSS Rounded Corners Menus: http://www.virtuosimedia.com/dev/css...-corners-menus
    How To Make CSS Expanding Rounded Navigation Menus & Buttons: http://www.amberweinberg.com/how-to-...menus-buttons/

  4. #4
    Join Date
    Mar 2012
    Posts
    1,394
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles