martes, 27 de septiembre de 2011

Imagen de fondo en el texto y el título de las entradas

A veces, colocar una imagen de fondo en las entradas es una forma bastante práctica de personalizar nuestro blog y diferenciarlo del resto.

Colocar imágenes de fondo en las entradas es muy fácil. Vayamos por partes:

Imagen de fondo en el título de las entradas.
Para poner una imagen de fondo en los títulos, tenemos que editar nuestra plantilla a través de la pestaña Diseño | Edición HTML
Una vez dentro, como siempre debemos hacer una copia de seguridad de la plantilla antes de tocar nada.
Buscaremos el código:.post-title{

También puede ser que nos aparezca como h3.post-title{, h2.post-title{, etc. Es cuestión de ir probando

Una vez lo hayamos encontrado, debajo colocaremos el siguiente código:
background: url('URL de nuestra imagen');


Ojo: Donde dice URL de nuestra imagen, debeis poner la dirección donde está alojada la imagen que querais usar como fondo.

Imagen de fondo en el contenido de las entradas.
La operación es la misma, lo único que cambia es que en el primer paso, buscaremos la siguiente línea:
.post-body {


Y justo debajo, colocaremos la misma línea que antes, donde especificamos la URL de nuestra imagen.

No hay comentarios:

Publicar un comentario