Entradas con imagen de fondo

http://ciudadblogger.com/2009/04/entradas-con-imagen-de-fondo.html

Podemos darle un estilo muy personalizado a nuestras entradas con una imagen de fondocomo esta que estoy publicando. Para tener este efecto en el texto de nuestras entradas sólo usamos el siguiente código dentro del post: <table bordercolor="#000000" cellspacing="5" cellpadding="5" width="100%" background="http://URL de la imagen de fondo" border="0"><tbody><tr><td><p>Aquí va el texto de la entrada. Si desean agregar una imagen encima de la imagen de fondo sólo agregan la siguiente etiqueta y dentro de ella la URL de la imagen. <img style="float:right; margin:5px 5px 5px 5px;cursor:pointer; cursor:hand;width: 200px; height: 183px;" src="http://URL de la segunda imagen" border="0" alt="" /> y aquí continua el texto de la entrada.</p></td></tr></tbody></table> Ahí pueden ver dónde deben escribir el texto de la entrada, y en caso de que deseen usar unafoto encima de la imagen de fondo sólo agregan la etiqueta correspondiente como se explica en el código. Si no desean una imagen encima entonces eliminan esa etiqueta. En bordercolor pueden modificar el ancho del borde de la imagen, sino desean que tenga el borde lo dejan en cero como está. El margen entre la imagen y el texto lo pueden modificar encellspacing y cellpadding. La posición de la segunda foto pueden cambiarla en float; cambian right si la desean a la derecha; left, a la izquierda ocenter si la quieren centrada. El tamaño de la segunda imagen lo modifican con width(ancho) y height (alto). Les recomiendo que usen una imagen de fondo que no dificulte la lectura de la entrada. De igual modo elijan una imagen que sea del tamaño adecuado al tamaño del post, ya que una foto muy chica se repetirá muchas veces hasta ocupar el espacio. Que se diviertan personalizando sus posts.

Read more...

Entradas con una imagen de fondo

Podemos darle un estilo muy personalizado a nuestras entradas con una imagen de fondocomo esta que estoy publicando. Para tener este efecto en el texto de nuestras entradas sólo usamos el siguiente código dentro del post: <table bordercolor="#000000" cellspacing="5" cellpadding="5" width="100%" background="http://URL de la imagen de fondo" border="0"><tbody><tr><td><p>Aquí va el texto de la entrada. Si desean agregar una imagen encima de la imagen de fondo sólo agregan la siguiente etiqueta y dentro de ella la URL de la imagen. <img style="float:right; margin:5px 5px 5px 5px;cursor:pointer; cursor:hand;width: 200px; height: 183px;" src="http://URL de la segunda imagen" border="0" alt="" /> y aquí continua el texto de la entrada.</p></td></tr></tbody></table> Ahí pueden ver dónde deben escribir el texto de la entrada, y en caso de que deseen usar unafoto encima de la imagen de fondo sólo agregan la etiqueta correspondiente como se explica en el código. Si no desean una imagen encima entonces eliminan esa etiqueta. En bordercolor pueden modificar el ancho del borde de la imagen, sino desean que tenga el borde lo dejan en cero como está. El margen entre la imagen y el texto lo pueden modificar encellspacing y cellpadding. La posición de la segunda foto pueden cambiarla en float; cambian right si la desean a la derecha; left, a la izquierda ocenter si la quieren centrada. El tamaño de la segunda imagen lo modifican con width(ancho) y height (alto). Les recomiendo que usen una imagen de fondo que no dificulte la lectura de la entrada. De igual modo elijan una imagen que sea del tamaño adecuado al tamaño del post, ya que una foto muy chica se repetirá muchas veces hasta ocupar el espacio. Que se diviertan personalizando sus posts.

Read more...