Aqui voy a revelar todos los detalles que conlleva esta plantilla, modificada por mí con 3 resoluciones de pantallas HD, Standard, Dispositivos mobiles, dale click donde dice "Leer mas..."
Aquí te revelaré todos los detalles de esta plantilla, todos los elementos de arriba hacía abajo estan totalmente calculados y medidos, hize todas las pruebas con 3 navegadores diferentes (Chrome, Firefox, Opera), basandome en una resolución de pantalla de 1024 x 768.
En google chrome el contenido final para esta resolución de pantalla admitia como maximo:
width:985px;
Y en Opera:
width:948px;
Y en Firefox:
width:945px;
Para no complicarme tanto la vida puse el menor contenido posible para que el sidebar del lado derecho no se vea afectado y el diseño web permanezca. (Contenido final 945px).
Cuando se llega a la resolucion de pantalla de 800 x 600 (todos los dispositivos mobiles),el sidebar derecho desaparece, el menu superior izquierdo desaparece y en su lugar el menu superior derecho se auto-mueve al lado izquierdo añadiendo 3 menus mas para que agregues contenido para tus visitantes que usan dispositivos mobiles.
Cuando la pantalla es "HD", tu visitante ya no vera el "time-line" de twitter, eso desaparece y en cambio aparecen 4 menus mas puedes añadir los que gustes desde la plantilla, y tu visita vera una marquesina que dira..."Dame click para dejar tu comentario".
Si la pantalla es standar, no se añadiran los 4 menus del sidebar derecho, solo vera las noticias mas recientes del "time-line" de twitter junto con los twitts mas recientes, esto actua como (noticias rapidas), puedes quitarlo si lo deseas, de igual manera el libro de visitas queda a la vista ahí en la parte final del sidebar derecho.
El footer:
El footer cada caja de footer contiene su propia clase, para que así le asignes el tamaño que desees, y no te afecten los cambios que hagas en cada caja, de igual manera todas y cada una de ellas cuentan con su propio "responsive web design", se muestra una cuarta caja si tu visita tiene una resolución de pantalla en HD.
El contenido:
En dispositivos mobiles siempre va a variar (No tiene una cantidad fija), la deje en 100% para que sea auto-expandible.
En pantallas standard el resultado final para todos los navegadores es width:692px.
En pantallas HD el resultado final para todos los navegadores es width:945px.
Con el tiempo ire haciendo una serie de video-tutoriales para explicar el mejor funcionamiento con nuestras plantillas propias en jimdo, y sacar el maximo provecho para nuestros contenidos y sin dejar nuestras páginas webs desactualizadas.
Sin mas que decir, cualquier duda, comentario, queja o sugerencia, porfavor dejen un comentario en cualquiera de mis páginas jimdo, twitter, facebook, youtube.
Escribir comentario