Me han preguntado cómo se puede cambiar el interlineado del blog. Ya sabéis que en la parte de Diseño del Panel se pueden cambiar de forma sencilla varios aspectos del blog, pero no el interlineado. Para ello, hay que meterse en el código fuente, en Diseño -> Edición de HTML.
Podemos cambiar el diseño del interlineado en todo el blog si cambiamos el código de la parte de body del código HTML. Pero es mejor cambiar sólo el interlineado del texto de las entradas, que es lo que suele ir en varias líneas de párrafo.
Si vemos el código fuente, según la plantilla que tengamos, hay una sección, hacia la mitad del código, que se llama .post div o .post p. La primera se refiere a toda la parte del post, y la segunda a los párrafos (p) del post o entrada. Si junto a los demás elementos colocamos el siguiente código, podremos modificar ese interlineado:
La medida "em" y el tanto por ciento coinciden, y ambas son válidas porque aumentan o disminuyen automáticamente según la resolución del monitor. El interlineado normal sería 1em o 100%, pero suele ser insuficiente, y lo mejor es ponerle entre 1.4 y 1.7 em para texto normal, y así se facilita la lectura del texto en una pantalla.
En definitiva, el código completo, podría se éste (en negrita lo que hay que añadir o modificar):
O también éste, según la plantilla de Blogger elegida:
Los corchetes abren y cierran la parte del código correspondiente.
Podemos cambiar el diseño del interlineado en todo el blog si cambiamos el código de la parte de body del código HTML. Pero es mejor cambiar sólo el interlineado del texto de las entradas, que es lo que suele ir en varias líneas de párrafo.
Si vemos el código fuente, según la plantilla que tengamos, hay una sección, hacia la mitad del código, que se llama .post div o .post p. La primera se refiere a toda la parte del post, y la segunda a los párrafos (p) del post o entrada. Si junto a los demás elementos colocamos el siguiente código, podremos modificar ese interlineado:
line-height: 1.5em;
line-height: 150%:
line-height: 150%:
La medida "em" y el tanto por ciento coinciden, y ambas son válidas porque aumentan o disminuyen automáticamente según la resolución del monitor. El interlineado normal sería 1em o 100%, pero suele ser insuficiente, y lo mejor es ponerle entre 1.4 y 1.7 em para texto normal, y así se facilita la lectura del texto en una pantalla.
En definitiva, el código completo, podría se éste (en negrita lo que hay que añadir o modificar):
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
margin:0 0 .75em;
line-height:1.6em;
}
O también éste, según la plantilla de Blogger elegida:
.post div {
margin: 0 0 .75em;
line-height: 160%;
}
margin: 0 0 .75em;
line-height: 160%;
}
Los corchetes abren y cierran la parte del código correspondiente.
Última modificación: Mércores, 14 de Maio de 2008, 17:07