Refrescando la memoria: Alineación de imágenes.

in steempress •  2 months ago  (edited)

Reciban un cordial saludo apreciada comunidad. Somos muchos los que tenemos un año o más en este ecosistema y hemos crecido notablemente, unos más lentos que otros y yo me cuento con los lentos ja,ja,ja. Paralelo a eso, todavía se consiguen usuarios motivados a mejorar el maquetado y en ese sentido solicitan la ayuda.

Slide1.JPG

Pudiera decirles a esos amigos "No te preocupes, más importante es el contenido porque son muy pocos los curadores que se fijan en eso" pero supongo que si buscan el apoyo es porque es fundamental para ellos, tanto como lo es para mí considerar el aspecto de las publicaciones. Por tanto, este post es para quien estime aprender y reaprender acerca de este aspecto.

Siganme por acá, recordemos y aprendamos.

(Me incluyo porque el refresco es también para mí).

Alineación de Imágenes.

- Centrado

Les dejo 3 opciones, seguro existen otras:

Opción 1

<center>pegar imagen</center>

Así:

<center>![](https://cdn.steemitimages.com/DQmcLbTANqgmvQMaQWr9RWkRwkaBiEeg7G3DXVcQFgztasy/image.png)<br>[Fuente](https://pixabay.com/es/photos/la-naturaleza-el-oto%C3%B1o-bosque-4551933/)</center>

Queda así:


Fuente


3.JPG

Opción 2

<center>Pegar Imagen<a href="link de la imagen"><br><sub>Fuente</sub></a></center>

Así:

<center>![](https://cdn.steemitimages.com/DQmZxjJ51HTaVBiiujJ5UDZ9sXVSNfBsysqeAdmoD6oPmta/image.png)<a href="https://pixabay.com/es/photos/de-transporte-tr%C3%A1fico-auto-4549223/"><br><sub>Imagen de Gellinger en Pixabay</sub></a></center>

Queda así:


Imagen de Gellinger en Pixabay


3.JPG

Opción 3

<center>Imagen</center>** <center><sub>Imagen de<a href="link del autor de la imagen">Autor de la imagen</a>en<a href="link de la imagen">Nombre de la página de origen</a></sub></center>

Así:

<center>![](https://cdn.steemitimages.com/DQma6Tc9qwpojKbWf5osnVg8hjfipYUtdvoqsXfyFQbvVRS/image.png)</center> <center><sub>Imagen de<a href="https://pixabay.com/es/users/gellinger-201217/">Gellinger</a>en<a href="https://pixabay.com/es/photos/de-viaje-vacaciones-mar-velero-4525886/">Pixabay</a></sub></center>

Queda así:


Imagen deGellingerenPixabay


6.JPG

-Alinear imagen y texto a la derecha o a la izquierda

Aquí dejo dos formas de alinear, es posible que haya otras. Las codificaciones siguientes funcionan para los dos tipos de alineación.

Opción 1

<div class="pull-left">Imagen</div>luego escribir el texto

Así:

<div class="text-justify"><div class="pull-left">![](https://cdn.steemitimages.com/DQmd9JnzB5MCGuShswxdt2MEj345yePpWT956qKbuGbgjQd/image.png)</div>luego escribir el texto</div>

Queda así:

En la vida cada quien carga el mundo a su manera. Todos tenemos problemas y los resolvemos según nuestras propias experiencias y aprendizajes. Las vivencias hacen la experiencia y lo aprendido lo practicamos en la cotidianidad.

3.JPG

Opción 2

<div class="text-justify"><div class="pull-right"><center>Imagen<a href="link de la imagen"><sub>Fuente</sub></a></center></div><br>Texto</div>

Así:

<div class="text-justify"><div class="pull-right"><center>https://cdn.steemitimages.com/DQmYKmmrQdUusCn8sHx7CCtCRJRDupPY1V8Na6iVVFNC9oH/image.png<a href="https://pixabay.com/es/photos/mundo-animal-kitz-4545506/"><sub>Imagen de Gellinger en Pixabay</sub></a></center></div><br>Los hijos cuando están pequeñitos dependen de sus padres, necesitan del cuidado, protección y amor de ellos. El amor es atención, por eso debemos disfrutar cada etapa de sus vidas al máximo.</div>

Queda así:


Los hijos cuando están pequeñitos dependen de sus padres, necesitan del cuidado, protección y amor de ellos. El amor es atención, por eso debemos disfrutar cada etapa de sus vidas al máximo.

3.JPG

Tips: Si quieres terminar el párrafo después de la alineación colocas 3 guiones (---) o colocas un separador y continuas en la otra línea.

Espero les sirva esta guía, la hice pensando en ustedes.

3.JPG

La imagen del mundo en hombros es de Gellinger en Pixabay

¡bienvenido amigos!.jpg

Posted from my blog with SteemPress : https://antoniarhuiz65.000webhostapp.com/2019/10/refrescando-la-memoria-alineacion-de-imagenes


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Este tipo de publicación siempre será oportuna para los usuarios de esta plataforma, especialmente, para los nuevos. Gracias por tu aporte @antoniarhuiz.

Gracias morocha, espero sirva de mucho.

Que bueno el tutorial amiga. A mi me costado mucho colocar las imágenes a la derecha y a la izquierda.
Muchas gracias, un abrazo.

Bueno mana, ahí hay varias opciones.

Que buena actualización nos compartes, yo todavía aprendiendo pero este material esta excelente para los que están entrando y lo coloquen así bonito @antoniarhuiz

Gracias mi solidaria amiga. A veces nos olvidamos de estas cosas por andar siempre a la carrera y terminamos publicando de una forma lineal.

Si es que esa alineación requiere tiempo y aprendizaje y no todo el mundo tiene la paciencia para enseñarnos. @antoniarhuiz

Hola amiga, gracias por recomendar estas estrategias de edición de articulos. Recibe mus afectos.

Saludos querido amigo. Espero se encuentre muy bien. Gracias por la visita.

¡Me gustó!
Excelente recordatorio ...
Solo puedo darte un Upvote - reSTEEM y GRACIAS MIL ...

Ja,ja,ja...amiga me estás dando demasiado, para mi ya es bastante y lo que más valoro de ti son las mil gracias y el hecho de contar siempre con tu lectura. Aprecio mucho tu amistad aunque sea virtual para mí es muy importante.

Has dibujado una gran sonrisa en mi cara. :-)))

Publicación curada manualmente por @club12

¡¡¡Vamos por más!!!

También puedes seguirnos en el discord de RadioSteemit

¡¡¡Canal de discordRadioSteemit!!!

Excelente y muy didáctica tu publicación, un gran aporte a los usuarios que crean en la plataforma. Te felicitamos y te apoyamos desde aqui, querida @antoniarhuiz.

🎉🎉¡¡Tu post ha sido compartido a nuestros 900 seguidores!!🎉🎉

bannercompartidoEP.png

Para los que no conocen la dinámica, pueden encontrar información en el siguiente lin:

Conozcan nuestro servidor