El 2011 empezó con el rediseño de mi web, como así también de unos cambios en éste blog para que se integren mejor (a pesar de ser animales muy distintos) y le permitan al visitante saltar entre las secciones y disfrutar de un entorno con algo de unidad. Casi todo el código fué escrito a mano por mí, de hecho los DIVs fueron lo más complicado aunque me gusta aprender a jugar con hojas de estilos. Cuando ví que el Ipad ODIA mi web por ésa hoja de estilos, me propuse hacer unos cambios para dispositivos móviles.
En éste caso el Dreamweaver CS5 tiene una opción de multiview, que me permite agregar varias hojas de estilo para diferentes tamaños de pantalla. Tal opción se usa para tener una hoja de estilos en navegadores web de dispositivos móviles (Iphone, Android, etc), y otro que funciona con el resto de las pantallas. Para que puedan aprovecharlo les dejo las líneas que generó el programa para mí. Si el navegador (pantalla) tiene menos de 650 píxels de ancho usa estiloMovil.css (ver la imagen de arriba)El iphone odia el parámetro FIXED que usé en la barra inferior, de hecho cuando la página corre en el navegador web ésta sube con la página (un horror), por ello el div ya no es horizontal sino vertical y Absoluta (ubicada a la izquierda-arriba).
El resto de los cambios en el archivo móvil son básicamente mover los objetos a la izquierda, aunque no he modificado los tamaños de los objetos de 600px de ancho, considero que así están bien, aunque los objetos elásticos dan un resultado muy loco. Espero que mis “juegos” o “experimentos” le sirva a alguien.
Entradas
