Refrescando la memoria: Alineación de imágenes.
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.
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
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
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í:
-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.
<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í:
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.
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.
La imagen del mundo en hombros es de Gellinger en Pixabay
Posted from my blog with SteemPress : https://antoniarhuiz65.000webhostapp.com/2019/10/refrescando-la-memoria-alineacion-de-imagenes
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. :-)))
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!!🎉🎉