Martin Ortega Novella  Octubre 4 2013


Octubre 4 2013  Martin Ortega Novella

Ayer se me olvidó comentar una cosa con respecto a la versión 3 del blog de Picasso, aparte de añadir una Web Page y un par de HTML Block Templates ha habido un cambio importante en esta nueva versión, ahora el blog no ajusta.
Os voy a poner un enlace de la plantilla a pelo para entender esto del ajuste, este es el enlace, podéis observar lo que comento, el blog que muestra el enlace tiene una anchura mínima y a partir de esa anchura ajusta al tamaño de tu monitor.
Si echaís un vistazo a la hoja de estilos original lo que determina la anchura del blog es una "cosa" que se llama "frame", su valor es "#frame{margin:0 15px;padding:0;min-width:800px;}", si, 800px es la anchura mínima, ese valor se ha cambiado en la versión 3 del blog de Picasso, su valor ahora es este "#frame{margin:0 auto;padding:0;width:990px;", o sea, ahora el valor es fijo.
Qué pasa si hacemos que la versión 3 ajuste ??? este es el resultado, hombre, se podían hacer cosas para mejorar el tema pero una cosa tiene que quedar clara, si queréis hacer que una aplicación web quede guapa y además ajuste eso significa trabajo.
Importante, la versión 3 del blog de Picasso no ajusta, pero hay partes que si ajustan, la parte de arriba (el HTMLTop Template) y la parte de abajo (el HTMLBottom Template), eso quiere decir que todo lo que haya antes de la etiqueta "div frame" (el elemento HTML div es un contenedor a nivel de bloque para otros elementos), ajustará y, por supuesto, todo lo que haya después del cierre del "div frame" también ajustará ( a no se ser que hagamos algo para que no ajuste).
Eso quiere decir que todo lo que esté en medio del "div frame" tendrá una anchura de 990px.
Otra cosa importante, fijaros en el valor del "margin" original, es "margin:0 15px", hay que ponerlo en "margin:0 auto", por que si no se irá todo para la izquierda y no se centrará en la pantalla.
Por último, si alguno os bajáis la versión 3 del blog de Picasso veréis que el HTML Block Template Banner está vacío, el motivo es por lo comentado anteriormente, yo quiero que ese barra donde está el campo de búsqueda y el valor del campo "Description" del documento de configuración ajusten. Editamos el Block Template Banner, select all,copy/cut, salvamos el Banner, (se queda el Banner vacio), nos vamos al HTMLTop Template y pegamos (donde Dios manda) el código del Banner, salvamos el HTMLTop y ya está.
Me debería haber cepillado el Banner y quitarlo de todos los Page Template, pero bueno, no molesta, hay está, igual le puede valer a alguien para meter algo.
Algo parecido tenemos que hacer en el HTMLBottom.
Bueno, lo dejo por hoy, quiero preparar una entrada hablando de ese Block Template añadido a esta nueva versión del blog de Picasso, no creo que lo haga este fin de semana porque mi mujer se mosquea si me ve pegado al ordenador mucho tiempo, ya buscaré un hueco.


Blog for DummiesBlog para Torpes

0 Comentarios 
Sin comentarios

Comentarios

#frame{margin:0 15px;padding:0;min-width:800px;} Mande ??? (Dominoblog.ntf)