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>
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.
Sino te sirve así, si aun la imagen queda fuera de la doble columna, puedes bajarle a 350X350 p o 300X300 p