Cómo crear un menú online sólo con CSS

Con PureCSSmenu es muy sencillo generar un menú para el blog; aún los más complejos con varios niveles de submenues y todo lo hacemos online, sin necesidad de registrarse

Con una ventana muy sencilla, podemos ir agregando item por item o bien utilizar algunos de los templates predefinidos y cambiar los parámetros gráficos, establecer los enlaces y definir si se van a abrir en una nueva ventana o no:

• Inicio
• Ejemplo 1
  • Menu 1.1.
  • Menu 1..2.
    • Menu 1.2.1.
    • Menu 1.2.2.
  • Menu 1.3.
    • Menu 1.3.1.
    • Menu 1.3.2.
    • Menu 1.3.3.
  • Menu 1.4.
    • Menu 1.4.1.
      • Menu 1.4.1.1.
      • Menu 1.4.1.2.
      • Menu 1.4.1.3.
    • Menu 1.4.2.
      • Menu 1.4.2.1.
      • Menu 1.4.2.2.
• Ejemplo 2
  • Menu 2.1.
  • Menu 2.2.
• Ejemplo 3
• Ejemplo 4

Una vez que lo tenemos armado, lo descargamos a nuestra PC. Será un archivo ZIP que contendrá una página HTML de la cual podremos extraer las definiciones de estilo:

<!-- Css Menu -->
<style>
  .......
</style>

Y el código correspondiente:

<ul class="cssMenu cssMenum">
  .......
</ul>
<!-- (c) 2009, PureCSSMenu.com -->

Así como están, ambos funcionarán bien pero sería mejor si lo verificamos y, eventualmente, lo modificamos para adaptarlo.