You are on page 1of 2

Cdigo para insertar en una entrada textos en dos columnas: <div style="padding: 10px; float: left; width: 45%;

text-align: justify;">Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; wid th: 45%; text-align: justify;">Texto de la columna (lado derecho)</div> Cdigo para insertar en una entrada textos en dos columnas acompaado de una imagen: <div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img s tyle="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos blogger borde r="0" />Texto de la columna (lado izquierdo)</div><div style="padding: 10px; flo at: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)< /div> Introducir separador entre entradas: 1. Buscar en la plantilla el cdigo <b:include data='post' name='post'/> (pulsar c trl + F). 2. Introducir justamente debajo <center><img src='URL de la imagen'/></center> Acomodar un texto alrededor de una imagen imagen a la izquierda y texto a la derecha <div><img style="float: left;" src="URL_imagen" /> el texto a mostrar </div> imagen a la derecha y texto a la izquierda <div><img style="float: right;" src="URL_imagen" /> el texto a mostrar </div> imagne en el centro y texto alrededor. <style> #contenedor-center { margin: 0 auto; position: relative; width: 620px; } #imagen-center { position: absolute; top: 0; left:50%; margin-left:-100px; /* el margen es la mitad del ancho de la imagen */ } #texto-L, #texto-R { width: 49%; } #texto-L { float: left; } #texto-R { float: right; } #texto-L:before, #texto-R:before { content: ""; height: 300px; /* la altura es igual a la altura de la imagen */ width: 100px; /* el ancho es la mitad del ancho de la imagen */ } #texto-L:before { float: right; } #texto-R:before { float: left; } </style> <div id="contenedor-center"> <img id="imagen-center" src="URL_IMAGEN" /> <div id="texto-L"> <p> el texto a mostrar </p> </div> <div id="texto-R"> <p> el texto a mostrar </p>

</div> </div>

You might also like