Section C.3. CSS Navigation


C.3. CSS Navigation

Chapter 9 shows you how to create navigation buttons for your Web site from scratch. But online tutorials are a great way to solidify your knowledge. Also, once you understand the process in detail, you don't have to do it yourself every single time. On the Web you can find examples of navigation features for inspiration.

C.3.1. Tutorials

  • http://tutorials.alsacreations.com/rollover_unique/. How to create a graphical menu with a single image. Includes rollovers!

  • Listutorial: http://css. maxdesign .com.au/listutorial/. Step-by-step tutorials on building navigation systems from unordered lists.

C.3.2. Online Examples

  • Pure CSS Pop-ups: www.meyerweb.com/eric/css/edge/popups/demo.html. Pop-up effects, purely with CSS.

  • CSS Tab Designer: www.highdots.com/css-list/. Windows-only software for quickly generating tabbed CSS menus .

  • CSS Showcase: www.alvit.de/css-showcase/. A gallery of navigation menus, tabs and CSS navigation techniques.

  • Listamatic: http://css.maxdesign.com.au/listamatic/. Showcase of CSS-based navigation systems. Also lots of links to related Web sites.

  • Listamatic2: http://css.maxdesign.com.au/listamatic2/. More CSS-menus, including nested lists with submenus.

  • Horizontal Pop-Out Menus: www.alistapart.com/articles/horizdropdowns/. The name 's a little deceiving. This tutorial actually creates a vertical menu, with submenus that pop up next to the main menu.

  • Free Vertical Menu Designs: http://exploding-boy.com/images/EBmenus/menus.html. A handful of cool designs.

  • CSS Play Menu Showcase: www.cssplay.co.uk/menus/index.html. Lots of cool menus, many useful techniques. A must see.



CSS[c] The Missing Manual
Dreamweaver CS3: The Missing Manual
ISBN: 0596510438
EAN: 2147483647
Year: 2007
Pages: 154

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net