A raiz del éxito que ha tenido el menú desplegable vertical y de algunas solicitudes, he investigado en el sitio de Stuart Nicholls (CSSplay), el cual contiene innumerables ejemplos de css. De allí tomé el menú “flyout-anywidth” y lo modifiqué un poco para crear los bordes, diferenciar el primer nivel y permitir multilínea en el primer nivel.

El menú es totalmente “cross browser”, funciona en IE6, IE7, IE8, Firefox, Opera, Safari y Chrome. Ya lo he usado en un par de proyectos y funciona de maravilla. Es muy liviano y fácil de actualizar, ya que está formado por items de una lista (ul, li). (más…)

Ultimamente he tenido que diseñar varias plantillas de correo para boletines enviados por correo electrónico. Pero al montarlas y al hacer pruebas de envío el correo no se ve igual en los programas de correo y el formato se pierde muchas veces. Luego de investigar un poco y de hacer muchas pruebas logré ajustar el código de las plantillas para que se viera igual en la gran mayoría de programas de correo o webmail. (más…)

Para un par de clientes tuve que incluir menús desplegables en los diseños de sus sitios web. Uno de ellos, muy amablemente me envió una copia del menú que usaban en el sitio Internacional de su compañía. Pero al darme cuenta de la cantidad de archivos .js que había que incluir y la cantidad de div’s con condiciones “show” y “hide” para hacer un simple menú, pensé: debe haber una forma más sencilla de hacer esto…

Me dí a la tarea de investigar, y gracias a un enlace que me envió mi amigo  diseñador Alvaro Diaz encontré el sitio CSSplay de Stuart Nicholls. El sitio tiene una gran variedad de menús que usan solo CSS y listas (ul y li), además de muchos ejercicios con CCS que valen la pena revisar. Los ejemplos son muy buenos, pero les recomiendo usar los menús “cross browser” ya que funcionan perfectamente en IE6, IE7 y Firefox. Además funcionan sobre archivos de flash (solo hay que incluir el parámetro wmode=”transparent” al swf).

(más…)