MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Entradas con imágen de fondo

Imagen encimaPara crear una entrada que tenga una imágen como fondo y así personalizar cada entrada que hagamos de acuerdo al tema que tratemos, tal y como el de ésta entrada, podemos usar una tabla como la siguiente:

<table border 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>

Con ése código podrán realizar su entrada y tendrá una bella imágen de fondo, además de poder agregar una imágen dentro de él. Si no desean ninguna imágen deben eliminar:
<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="" />

Si desean agregar otra u otras imágenes, pueden copiar el código anterior cuantas veces lo necesiten como en ésta entrada de ejemplo

Imagen encima
En border pueden modificar el ancho del borde de la imagen, si ponen bordercolor pueden ponerle un borde de color a su imágen. Si no desean que tenga el borde lo dejan en cero como está.
El margen entre la imagen y el texto lo pueden modificar en cellspacing y cellpadding.

La alineación de las fotos pueden cambiarla en float; cambian right si la desean a la derecha; left, a la izquierda o center si la quieren centrada.

El tamaño de la imagen lo modifican con width (ancho) y height (alto).

Seguramente con éste tutorial lograrás bellas entradas en tu blog. Disfrútalo.

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
loading...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者