tag:blogger.com,1999:blog-23874889876520400752012-02-16T09:38:32.706+01:00Para que se vea como queda esta plantilla al ensancharla.Eulaliahttp://www.blogger.com/profile/04778983357647094765noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-2387488987652040075.post-35029135651883783732009-10-22T12:53:00.001+02:002009-10-22T13:51:54.163+02:00<div style="text-align: justify;">He creado este blog para demostraros como se ve esta plantilla si se ensanchan las columnas sin modificar las imágenes que enmarcan los módulos.<br /></div><br /><div style="text-align: justify;">Como podeis ver no le he cambiado nada más. Tan solo las medidas para que podais verlo por vosotros mismos.<br /></div><br /><div style="text-align: justify;">Ni siquiera le he añadido una segunda columna lateral, pues no vale la pena el trabajo que ello conlleva para que se vea mal.<br /></div><br /><div style="text-align: justify;">Esto sucede por que los módulos de este blog están enmarcados por imágenes que tienen una medida concreta y no se ensanchan aunque ensanches las medidas del blog.<br />Para evitar este problema y que pese a ensancharlo siguiera teniendo el aspecto redondeado habitual, tendríais que modificar dichas imágenes.<br /></div><br /><div style="text-align: justify;">Descargarlas es muy fácil.<br />En el código de la plantilla hay 7 direcciones que son las que enmarcan estos módulos. Todas están en las líneas de background.<br />Copiais cada una de estas direcciones en el navegador, y las guardais en vuestro ordenador.<br /></div><br /><div style="text-align: justify;">En #main-wrap1 está la de abajo de la zona de las entradas.<br />En #main-wrap2 está la de arriba de la zona de las entradas.<br />En #main está la que forma la parte central de la zona de las entradas, (las dos líneas que junto a las esquinas enmarcan esta zona).<br /></div><br /><div style="text-align: justify;">En #header-wrapper y en #footer-wrap2 está la de arriba de la cabecera y del footer.<br />En #header y en #footer está la de abajo de la cabecera y del footer.<br /></div><br /><div style="text-align: justify;">En #sidebartop-wrap y en #sidebarbottom-wrap2 está la de abajo de los módulos de la sidebar<br />En #sidebartop-wrap2 y en #sidebarbottom-wrap1 está la de arriba de los módulos de la sidebar.<br /></div><br /><div style="text-align: justify;"><span style="font-size:180%;"><span style="font-weight: bold;">A tener en cuenta:</span><br /></span></div><br /><div style="text-align: justify;">Para modificar estas imágenes has de saber usar algún programa que permita ensancharlas exactamente hasta la medida necesaria, ya que las dos que enmarcan un mismo módulo han de encajar perfectamente.<br /></div><br /><div style="text-align: justify;">La imagen que está en #main ha de tener exactamente la misma medida que las de arriba y abajo de esta zona, ya que dicha imagen está formada por las dos líneas que enmarcan lateralmente las entradas con una zona blanca, (o del color que sea en tu modelo de rounders), en el centro. Un solo píxel de diferencia y se vería la línea discontinua.<br /></div><br /><div style="text-align: justify;">Una vez hecha la modificación, has de subirlas a un servidor, y luego cambiar las direcciones de las que hay por las de las tuyas.<br /></div><br /><div style="text-align: justify;">Cuando la misma imagen está en dos sitios, se ha de cambiar la dirección de cada una de ellas en los dos sitios en los que está.<br /></div><br /><div style="text-align: justify;">Así, por ejemplo, si se modifica la de arriba de la cabecera, se ha de cambiar en la cabecera y en el footer. Lo mismo con las otras 3 que se utilizan en dos sitios disitintos.<br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2387488987652040075-3502913565188378373?l=laeulalia-rounderschunga.blogspot.com' alt='' /></div>Eulaliahttp://www.blogger.com/profile/04778983357647094765noreply@blogger.com4