Habemus Menu Desplegable CSS

Want create site? Find Free WordPress Themes and plugins.

A partir de hoy, y si no crea problemas en ninguno de los navegadores más habituales, queda instalado el menú horizontal desplegable (dropdown) con acceso a los posts, categorías y series más visitadas en Phylosoft y a alguna parte más del blog como: Contacto, Sitemap …

Esta madrugada ha sido el momento de la “puesta en producción”, buscando las horas de mínimo impacto y, aunque lo tenía montado en un “blog de pruebas” me ha costado una buena horita de tiempo integrarlo con Phylosoft.

El código que me ha permitido implementarlo está en DynamicDrive, una web con montones de herramientas de ayuda al diseño web y en la que este fin de semana descubrí la librería de CSS con los códigos necesarios (scripts, js, css…) para desarrollar aplicaciones como menus, calendariuos, juegos …

El menú CSS en concreto desde el que partí para Phylosoft es el Drop Down Tabs. Tuve que copiar algunos archivos dentro del tema del blog y modificar mucho el CSS para adaptarlo a los estilos de aquí, luego también tuve que modificar los CSS de Phylosoft para que no ocultaran las capas que se despliegan desde el menú.

Han sido unas cuantas horas de trabajo pero creo que han valido la pena. Los objetivos eran 2:

  1. mejorar usabilidad y acceso a las secciones más populares (en cuanto a entradas del blog)
  2. seguir eliminando enlaces que estaban repartidos entre la barra lateral y el pié de blog.

El resultado es mucho más espacio y limpieza en toda la página… igual aún le falta alguna flecha o imagen pequeñita pero lo básico ya está.

Me queda muy poco para terminar con el cambio de tema, algunas imágenes que aún se ven y guardan los estilos anteriores pero casi termino ya.

Agradecimiento: Miss Mole fue quien me dió el enlace donde encontré unos ejemplos y sus códigos de menús sencillos de implementar y customizar y me ahorró mucho tiempo.

Did you find apk for android? You can find new Free Android Games and apps.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies