Ejemplos de listas en CSS

Posted on | Abril 30, 2007

Vertical nested lists

• href="http://css.maxdesign.com.au/listamatic2/vertical01.htm">CSS background images for bullets
• Simple nested rollover

  list

• A List Apart’s Taming list – nested
• href="http://css.maxdesign.com.au/listamatic2/vertical04.htm">CSS3 Vertigo Fun
• Nested emrys
• href="http://css.maxdesign.com.au/listamatic2/vertical06.htm">Subtle box list
• Indented list
• href="http://css.maxdesign.com.au/listamatic2/vertical08.htm">Parallel lines
• Blue boxes
• href="http://css.maxdesign.com.au/listamatic2/vertical10.htm">Classic Greys
• Pop-open list
• href="http://css.maxdesign.com.au/listamatic2/vertical12.htm">Borders and Indents
• Sharp II
• href="http://css.maxdesign.com.au/listamatic2/vertical14.htm">The Purple List
• Slate and Steel Buttons
• Taming list in Standards-Compliant Mode for IE

Horizontal nested lists

• CSS3 Corporate Fun
• href="http://css.maxdesign.com.au/listamatic2/horizontal02.htm">Blue’s clues
• Vertical to Horizontal List
• Pure CSS hover list
• Horizontal in

  horizontal

Vertical lists

• Simple

  list

• Simple list with square bullets
• href="http://css.maxdesign.com.au/listamatic/vertical03.htm">Simple list with circle bullets
• Using images for

  bullets

• Using CSS background images for bullets
• href="http://css.maxdesign.com.au/listamatic/vertical06.htm">Eric Meyer’s simple separators
• Eric Meyer’s

  Panelise

• Rollover lists
• Eric Meyer’s

  Strengthening the links

• A List Apart’s Taming lists
• href="http://css.maxdesign.com.au/listamatic/vertical11.htm">ProjectSeven’s Uberlist
• Bieler Batiste’s list
• Vertical buttons
• Bulleted Rollover List
• 3D Imenu in blue
• Double Border
• href="http://css.maxdesign.com.au/listamatic/vertical17.htm">Copongcopong’s Pop Pad List
• IE HACK for "Eric Meyer’s

  Strengthening the links"

Horizontal lists

• href="http://css.maxdesign.com.au/listamatic/horizontal01.htm">Simple horizontal list
• Rollover horizontal

  list

• Rollover horizontal list navbar
• href="http://css.maxdesign.com.au/listamatic/horizontal04.htm">Eric Meyer’s navbar
• Eric Meyer’s tabbed

  navbar

• Simple Bits tabbed navbar
• href="http://css.maxdesign.com.au/listamatic/horizontal07.htm">ProjectSeven’s horizontal Uberlist
• Kalsey CSS

  tabs

• Jeffrey Zeldman’s DWWS navigation
• href="http://css.maxdesign.com.au/listamatic/horizontal10.htm">Clagnut CSS Tabs
• Unraveled CSS Tabs
• href="http://css.maxdesign.com.au/listamatic/horizontal12.htm">Dive into Mark Pure CSS Tabs
• Horizontal

  buttons

• Webfroot Horizontal NavBar
• href="http://css.maxdesign.com.au/listamatic/horizontal15.htm">ZDnet Emulation
• Centred list navbar
• href="http://css.maxdesign.com.au/listamatic/horizontal18.htm">Image swap
• Seth’s horizontal list
• href="http://css.maxdesign.com.au/listamatic/horizontal20.htm">Float your boat
• Brick
• href="http://css.maxdesign.com.au/listamatic/horizontal22.htm">Contrast: smhill
• Alteration to Rollover Horizontal List

  Navbar

• SuperfluousBanter 2003
• href="http://css.maxdesign.com.au/listamatic/horizontal25.htm">Horizontal Bullet On Hover
• The Gradient Green Navigation

  Bar

• Centred List Navbar Updated
• href="http://css.maxdesign.com.au/listamatic/horizontal28.htm">Tomek Garbiak’s list
• Reflowing Folder Image Rollover

  Nav

• Copongcopong’s Under Tabs
• href="http://css.maxdesign.com.au/listamatic/horizontal31.htm">Central Horizontal Boxes
• Fat Erik 5s Simple Pipe

  List

• Fat Erik’s breadcrumbs
• href="http://css.maxdesign.com.au/listamatic/horizontal34.htm">CheapOsx
• Sleek vertical boxes
• href="http://css.maxdesign.com.au/listamatic/horizontal36.htm">Pipe dream

List Auto-Generators

• href="http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp">List-o-matic
• List-o-Rama Dreamweaver

  Extension

Vía: http://css.maxdesign.com.au

Comments