01ª - ¿Como ensanchar la plantilla solo a un cierto porcentaje del ancho de pantalla (un 90%, 80%, 70%...), para que queden dos columnas libres a ambos lados del diseño, de modo que:
· 01.01 - LA PLANTILLA QUEDE CENTRADA
· 01.02 - MAS ANCHO QUE LA PLANTILLA ORIGINAL PERO NO AL 100%
02ª - ¿Como hacer para que el Header (banner superior de ICE BLUE) ocupe el mismo % de pantalla que las tres columnas: "Menu - Caja Central - Boxes" ?
Me refiero a este objeto: http://theme.webme.com/designs/iceblue/images/header.jpg
MIS PRIMERAS REFLEXIONES:
Creo que en cada caso hay que estirar a la medida equivalente al porcentaje de ancho de pantalla elegido, los objetos siguientes:
Si solucionamos esto, el siguiente paso es editar los objetos, cambiarles el color y poner a disposición de todos los usuarios del foro la plantilla ICE BLUE, escalable, y en colores a elegir.
Empiezo a hacer pruebas, pero de todas maneras: Ayuda por favor.
Ultima edición por webmicro el Jue Oct 27, 2011 10:10 pm; editado 1 vez
Simplemente tienes que cargar una imagen de cabecera con el tamaño deseado. Mi web es iceblue también y ya hice todos los cambios que mencionas, puedes pasarte a verla si quieres y acceder al código por si te sirve de ayuda.
Ultima edición por euridicecabanes el Jue Oct 27, 2011 8:15 am; editado 1 vez
Simplemente tienes que cargar una imagen de cabecera con el tamaño deseado. Mi web es iceblue también y ya hice todos los cambios que mencionas, puedes pasarte a verla si quieres y acceder al código por si te sirve de ayuda.
Muchas Gracias euridicecabanes. Te ha quedado bien esa modificación de ICE BLUE. Ya revisaré el código despacio.
De momento estoy currándome el cambio de color de ICE BLUE. Había mas objetos ".gif " de los inicialmente vistos, que hay que cambiar de color (seguro) y de tamaño (depende).
Cuando tenga progresos los publicaré aquí.
Saludos,
Ultima edición por webmicro el Jue Oct 27, 2011 8:29 am; editado 1 vez
A ver, de momento he alcanzado objetivo, combinando una solución a base de CSS y tablas html colocadas por encima de página.., para cerrar tablas, colocando los cierres por debajo de página.
El resultado parece bueno (revisad aquí): <b> http://www.webmicro.es.tl </b> pero se descuadra y se repiten algunos objetos al achicar pantalla si se utiliza:
· Cntrl- o bien..,
· Ctrl y scroll del mouse.
Probaré a sustituir las tablas por contenedores div a ver si así no se descuadran los objetos por agrandar o achicar la pantalla.
Probaré a sustituir las tablas por contenedores div a ver si así no se descuadran los objetos por agrandar o achicar la pantalla.
Hola,
los botones Ctrl y scroll del mouse o mas bien ctrl + (aumentar) y - (disminuir)
Estas funciones, no te visualizará las resoluciones de cada pc, estas funciones son acercamiento (zoom) en lo cual no te confundas que son las resoluciones, usted puede darte cuenta que la resolucion nunca va a cambiar tras esas funciones que estes haciendo, sin tener cambiar cada rato las medidas de las imagenes. Mira aqui => http://master-nemesis.es.tl/Resolucion.htm
y visualiza esta página donde se verá correctamente el resultado de las resoluciones => http://browsershots.org/
Sobre las medidas, usted la puede ajustar atraves del código dado para agrandar la web. te lo marcaré en rojo, será lo que tienes y puedes modificar sobre los anchos de los header , botones etc..
Para que qede centrada nuestra plantilla iceblue, necesitaremos colocar un codigo en la parte de Editar Diseño => Configuraciónes Avanzadas => Texto por encima de la página.
Colocaremos el siguiente código.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
Luego de haber puesto el codigo, damos en Guardar y nos vamos a nuestra página para visualizar el cambio.
Plantilla ampliada a un ??% centrada y escalable !!! FUNCIONA.
Hay que tener en cuenta que yo buscaba poder escribir mas texto en horizontal para la caja central; no solo escalar el ancho de la caja y su texto.
Mi código definitivo por encima de página queda así:
Código:
<!-- ------------------------------------------------------ -->
<!-- Inicio: Ocultar la "headline" de la web -->
<!-- ------------------------------------------------------ -->
<!-- ------------------------------------------------------ -->
<!-- Final : Ocultar la "headline" de la web -->
<!-- ------------------------------------------------------ -->
<!-- ------------------------------------------------------ -->
<!-- Inicio: Ocultar ea banner ICE BLUE standar -->
<!-- ------------------------------------------------------ -->
<!-- ------------------------------------------------------ -->
<!-- Final : Ocultar ea banner ICE BLUE standar -->
<!-- ------------------------------------------------------ -->
Que bueno que fue todo exitoso, la página se ve en perfecto estado con esos cambios, cualquier otra dudas, sabes que aqui estamos para ayudar en la contrucción de páginas.
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.