Algunos ejemplos de «tabs»

En ANIETO2K, nos muestra diferentes maneras de poner tabs o menús desplegable en tu web:

• Esta es la mejor forma, fácil, completa y lo más importante, completamente personalizable. Tutorial: Alsacreations. Demo: Aqui

• En el mismo blog, en otro post nos muestra Tabs con CSS increibles. Comenta que hace algún tiempo vieron una buena colección de tabs, y ahora trae unas cuantas más.

• Estas completamente con CSS (de lo mejor que he visto)
• +70 Tabs gratis.
• 36 técnicas de menus con tabs en CSS
• Otra con CSS, bastante innovadora

Listado de 71 menús de navegación creado úncicamente con CSS, siempre es bueno tener a mano una lista de estas.

Posts relacionados

• Menus divertidos con CSS
• Menús desplegables con CSS

• A lo que hay que añadir Tabs horizontales, que ha traves de VidaBlog, descubro un sistema para hacer tabs horizontales de forma fácil, rápida y sobretodo profesional. El sistema usado está basado en uno que yo ya había visto hace meses y use alguna vez, pero los acabados me convencen mucho.

Aqui, podeis ver algunos ejemplos de tabs realmente buenos y lo podeis decargar desde aqui.

Como usarlo

Para usar esta utilidad unicamente tenemos que disponer de las imagenes que componen los botones y del codigo CSS que se incluye en el fichero. Bastará con aplicar un id a un div que englobe toda la barra de botones para que se apliquen a ellos los estilos definidos.

El metodo para crear las tabs es usar <ul> para la definir la lista y <li> para representar cada boton o tab.