Hacktime

Que seria de la web sin este blog

Imagen de fondo en los posts

Posted by yaju en mayo 28, 2007

¿Quieres hacer que las entradas de tu blog se diferencien a la del cualquier otro blog?. Pues os traigo la solución

Vamos a ver como insertar una imagen de fondo en nuestros posts (entradas del blog).

Nos dirigimos a Plantilla–Edicion HTML

Buscamos el siguiente código:

.post-body {
clear: both;
paddingtop: 10px;
}

Y lo cambiamos por el siguiente:

.post-body {
background: url(URL DE LA IMAGEN) top left;
clear: both;
paddingtop: 10px;

Guardamos los cambios y listo, ahora pasemos a ver el glosario de términos:

Ruta
url()” es la ubicación de la imagen que deseamos tener como fondo entre los paréntesis.


Ubicación
top” y “left” dan la ubicación a la imagen de fondo y puede tomar los valores: top, right, bottom, left y center (superior, derecha, fondo, izquierda, centro).

Frecuencia
“no-repeat” nos indica que no se repetirá la imagen, esta propiedad también puede tener los valores:
repeat – Este es el valor por default, sino especificas nada, tu imagen de fondo siempre se repetirá.
repeat-x – repite el fondo sólo de forma horizontal.
repeat-y – repite el fondo sólo de forma vertical.
no-repeat – no repite el fondo, este solo tendrá el tamaño que la imagen tenga.

Poner como valor Y el porcentaje seria en vertical, pero hay que tener en cuenta que si colocamos la Y hay que cambiar la palabra “bottom” por izquierda o derecha.

Espero os sirva.

2 comentarios to “Imagen de fondo en los posts”

  1. Trinlosar said

    Me gustaría poder “banear” una IP, ¿se te ocurre alguna manera?…

  2. Maku said

    Hola, soy nuevísima, no entendí…
    ¿cómo consigo que en mi blog se pueda “elegir una identidad” y no salga el engorroso “no están permitidos comentarios anónimos”? Gracias adelantadas!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: