Menú acordeón en CSS con fuente PSD

Generalmente cuando compartimos este tipo de herramientas tenemos por un lado aquellos que solo incluyen el archivo de origen en PSD que solo apuntan a la parte gráfica del desarrollo y por otro, aquellos que solo plantean la forma de maquetado en CSS sin contar con la base para modificar o personalizar las opciones.

Está claro que modificar solo un CSS es mucho más simple que tener que generar imágenes con Photoshop para luego ser utilizadas en un elemento web como menús o widgets, pero aún así, si podemos tener las dos cosas pues mucho mejor.

Tal es el caso de este recurso que nos ofrecen desde Pixels Daily que incluye un menú acordeón con todas las propiedades necesarias para dejarlo funcional en muy pocos pasos. También contamos con el archivo .psd para aquellos casos en los que necesitemos actualizar los datos que contiene de forma directa o modificar cuestiones específicas del diseño como reemplazar íconos o colores.

Descargar CSS Accordion | Pixels Daily

Pero antes de recomendárselos por completo debo advertirles que, por lo menos en Chrome, solo se encuentra animado el botón 2, por lo que para aplicar en el resto del menú deberán editar el funcionamiento. Aún así creo que es un excelente punto de partida si jamás han realizado una barra con estas características y también se darán cuenta como funciona basándose en lo que está disponible en los archivos de descarga.

Encontrarán un html con su respectivo CSS y las imágenes y por otro lado podrán acceder al .psd a través de diferentes accesos. Para hacerlo deberán ingresar un email aunque luego pueden darse de baja del newsletter sin problemas. No se trata de un sitio que genere spam ni mucho menos. Una buena herramienta para usar si ya tienen conocimientos y para aprender para los que recién se inician.