Risorse CSS: menu di navigazione

Short link

Un altro componente fondamentale di un sito gestibile con i CSS sono i menu di navigazione. Le seguenti risorse presentano una vasta gamma di soluzioni che spaziano da semplici menu a blocchi fino ai più complessi menu a discesa.

  1. Listutorial
  2. Listamatic
  3. Listamatic 2
  4. CSS Tabs
  5. CSS Design: Taming Lists
  6. Taming the "Taming lists" model
  7. Navigation Magnification
  8. Centered Tabs with CSS
  9. All-CSS Flyout Nav
  10. Deluxe CSS Dropdowns and Flyouts
  11. ADxMenu
  12. more accessible graphic menu
  13. Complex Dynamic Lists: Your Order Please
  14. Rounding Tab Corners 
  15. CSS Tabs with Submenus
  16. Pure CSS tabs
  17. Simplified CSS Tabs Trick
  18. Simplified CSS Tabs Live Example
  19. CSS Tabs 2.0
  20. CSS Tabbed Navigation
  21. CSS Tabbed Navigation Menu II
  22. Example of CSS-driven tabs
  23. Horizontal Menus
  24. Mini Tabs: The UN-tab, tab
  25. Inline Mini Tabs
  26. Hybrid CSS Dropdowns
  27. Drop-Down Menus, Horizontal Style
  28. Suckerfish Dropdowns
  29. Sons of Suckerfish
  30. Suckerfish :hover
  31. Son of Suckerfish Dropdowns
  32. Suckerfish :focus
  33. Suckerfish :active
  34. Suckerfish :target
  35. Suckerfish Shoal
  36. Son of a Suckerfish Dropdowns
  37. CSSMenus
  38. Demo for css driven w3c buttons
  39. Example of CSS-driven tabs
  40. Hierarchical dynamic menu with CSS
  41. Simple Tabs
  42. CSS Tabs, separate lists
  43. CSS Tabs, nested lists
  44. CSS Tabs, nested lists (Listamatic 2)
  45. TJKDropDown Menu
  46. Bulletproof Slants
  47. Improved Bulletproof Slants
  48. Ruthsarian Menus
  49. Two-level (nested) tabs, ver. 3
  50. Slanted tabs of variable height - ver. 3
  51. A Great CSS Horizontal Drop-Down Menu
  52. Pure CSS menus
  53. Tabtastic
  54. Mini Slide Navigation
  55. Updated Simple CSS Tabs
  56. Uberlink CSS List Menus (rev. 2006)
  57. CSS Express Drop-Down Menus
  58. Free Menu Designs
  59. Non-wrapping tabs
  60. CSS fisheye revisited
  61. Menu replace 2
  62. CSS Web Badges
  63. CSS Button
  64. Inline Buttons
  65. W3C buttons without images
  66. The CSS XML / RSS Button
  67. Removing Dotted Links
  68. Using Borders To Underline Links In CSS
  69. CSS Design: Custom Underlines
  70. Link Backgrounds
  71. Speed Up Border-bottom Under Links
  72. A Scripting Carol
  73. Centered links
  74. CSS navigation menu
  75. A google-friendly css & javascript fly-out menu
  76. Show text on click
  77. Sidebar
  78. Two column menu
  79. Horizontal menu
  80. Example Css-only fly-out menu
  81. Side-bar menu in css & javascript
  82. Javascript & css sidemenu
  83. Javascript & css sidemenu One menu open on load
  84. Super-Simple DHTML Tabs
  85. Variations on a drop-down theme
  86. CSS-based Tabbed Menu
  87. CSS only drop-down menu - further examples
  88. CSS only fly-out menus - further examples
  89. A CSS only fly-out/drop-down menu
  90. A CSS only fly-out menu with transparency
  91. CSS only vertical sliding menu
  92. Destroydrop
  93. Novitski
  94. Hidden Tab menu
  95. Light Weight Multi Level Menu
  96. Simple horizontal
  97. Simple vertical
  98. Markers
  99. Buttons
  100. CSS and XHTML drop-down menu (vertical and horizontal)
  101. Turning a list into a navigation bar
  102. A navbar using lists
  103. Tabs
  104. The ULTIMATE CSS only drop-down menu
  105. Pure CSS menus
  106. CSS Buttons with Hover and Click Effect Hover and click links styled as buttons
  107. Float Minitabs
  108. CSS Flyouts - Part One
  109. CSS Flyouts - Part Two
  110. CSS Flyouts - Part Three: Dropdowns
  111. CSS Flyouts - Part Four (Dropdowns with Flyouts)
  112. CSS Flyouts - Part Five (With Arrows)
  113. A pinned-down menu
  114. A confetti menu
  115. CSS vertical navigation list
  116. CSS horizontal navigation list "Inline" version
  117. CSS horizontal navigation list "Block" version
  118. Enlarger Button Menu
  119. Drop Down Llama Menu
  120. CSS Top Menu Combination
  121. Pop-Up Menus
  122. Hover Sidebar
  123. Adjacent Combinator Menu Effect
  124. Revenge of the Menu Bar
  125. Ultimate Drop Down Menu
  126. Simple website menu
  127. Easy Menu - semantically correct drop down menus
  128. :hover emulation for IE5+
  129. CSS DropDown & Pop-Out Menus - Fluid & Accessible ~ Introduction
  130. CSS Pop-Out Menu Tutorial - Vertical CSS Popouts
  131. CSS DropDown Menu Tutorial - Horizontal CSS DropDown & Popouts
  132. Horizontal List Demo 1
  133. Horizontal List Demo 2

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.