INSTRUCTIVO HTML, PARA TUS POSTS

@victhory69 · 2019-04-26 18:08 · spanish

PRINCIPAL.jpg

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

link de la imagen-columna
link de la imagen-columna


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.

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..!

#spanish #cervantes #tutoriales #steemit #blockchain
Payout: 0.000 HBD
Votes: 501
More interactions (upvote, reblog, reply) coming soon.