INSTRUCTIVO HTML, PARA TUS POSTS

Words
252
Reading
2 min
Listen
Play
7y

Hola queridos y adorables steemeros

Hoy, les dejare un instructivo sobre unos códigos para darle un formato distinto a tu blog.

Es momento que innoves la estructura para tu próxima presentación en #steemit

Lo muestro a través de una publicación porque ya por privado me lo han preguntado, que como lo logro…
Se logra de esta manera

Ver ejemplos 1
Ver ejemplos 2
Ver ejemplos 3

Comando de 2 columnas

<div class="pull-left">link de la imagen-columna
</div>

<div class="pull-right"> link de la imagen-columna
</div>



CODIGOS.jpg

Para que mis posts queden como la imagen de muestras y como mis links presentes.

Tomo un par (02) de foto tipo #cinta; es decir, imágenes angostas y lo suficiente larga que cubran el texto que va entre ambas imágenes. Normalmente las edito yo mismo

¿Como colocamos el texto entre ambas imágenes?

Posterior a las líneas de códigos antes expuestas, colocamos la escritura deseada y estas quedara rellenando el intermedio de las imágenes de la doble columna.

Si queremos colocar (+) imágenes entre las imágenes laterales, ¿Cómo se hace?

Fácil, solo debes tener una imagen menos a 400p (si supera los 400X400P la imagen queda por debajo de las imágenes laterales_debes cuidar esto_), puedes usar estos códigos para que sea más cómodo ajustar tal imagen.

![](https://steemitimages.com/400X400/https://Link de la imagen que deseas ajustar)

MUESTRA.jpg

Sino te sirve así, si aun la imagen queda fuera de la doble columna, puedes bajarle a 350X350 p o 300X300 p

No es muy complicado, espero me haya explicado bien

Se que les servirá para crear nuevas apariencias

Saludos y Éxitos..!

INSTRUCTIVO HTML, PARA TUS POSTS | Ecency