Guía #1 "Alineamiento de imágenes" para los posts en Steemit.

in #spanish6 years ago (edited)

Las alineaciones de imágenes que se pueden realizar en la Markdown son las siguientes:

  • Imagen centrada, (sin fuente) a tamaño original:

El comando para realizar esta alineación es el siguiente:

¿Que es el link?

Es la dirección de la imagen la cual permite acceder automáticamente a ella.

¿Donde encontramos el link?

En la barra de búsqueda del navegador.

Por ejemplo: el link de esta imagen es el que esta seleccionado y el cual debemos copiar en el Markdown.

En el Markdown, quedaría de la siguiente manera:

Es la parte que esta seleccionada.

Resultado:

Como podemos visualizar la imagen queda centrada con su formato original.

  • Imagen centrada, (con enlace en la fuente) a tamaño original:

El comando para realizar esta alineación es el siguiente:

En esta parte hay que tener cuidado con el link, puede ser diferente, por ejemplo:

1.- Si subes las imágenes en internet, ambos link son iguales, yo utilizo esta página https://postimages.org/ tal vez te pueda ayudar. En este caso deberás usar el mismo link, tanto para la imagen como para el enlace de la fuente.

2.- Las imágenes que buscas en internet, ya tienen un link, no hay necesidad de volver a subirlas. "Solo hay que copiar el link y pegarlo en el Markdown". En este caso deberás usar el mismo link, tanto para la imagen como para el enlace de la fuente.

3- Al subir imágenes directamente en el Markdown, se supone que son imágenes editadas o fotos, es decir no hay necesidad de colocar el enlace de la fuente. Si lo quisieras colocar, solo copias el link de la imagen que aparece en el Markdown, te diriges al navegador, abres una nueva ventana, y en la barra de búsqueda pegas el link, cuando la página cargue y aparezca la imagen podrás observar que el link no es el mismo y ese lo debes colocar en el enlace de la fuente.

En el Markdown, quedaría de la siguiente manera:

Resultado:


Fuente

  • Alineación de imagen (Derecha) texto (Izquierda) con fuente.

El comando para realizar esta alineación es el siguiente:

En el Markdown, quedaría de la siguiente manera:

Luego de que coloquemos el comando y lo tengamos de esta manera escribimos el texto.

Resultado:

Miren

Como

Queda...

Como podemos observar la imagen se alinea del lado (Derecho), al igual que el enlace de la fuente y el texto se alinea del lado (Izquierdo).


  • Alineación de imagen (Izquierda) texto (Derecha) con fuente.

El comando para realizar esta alineación es el siguiente:

En el Markdown, quedaría de la siguiente manera:

Luego de que coloquemos el comando y lo tengamos de esta manera escribimos el texto.

Resultado:

Miren

Como

Queda...

Como podemos observar la imagen se alinea del lado (izquierdo), al igual que el enlace de la fuente y el texto se alinea del lado (Derecho).


  • Alineación de 2 imágenes a la (Derecha).

El comando para realizar esta alineación es el siguiente:

En el Markdown, quedaría de la siguiente manera:

Resultado:

Queda de esta manera...


  • Alineación de 2 imágenes a la (Izquierda).

El comando para realizar esta alineación es el siguiente:

En el Markdown, quedaría de la siguiente manera:

Resultado:

Queda de esta manera...


Así culmina este posts, espero que le guste y les sirva de gran ayuda, voten, compartan y comenten.

Agrégame en https://discordapp.com/ - danielfuenmayor#2959

sígueme @danielfuenmayor

¡Gracias por tomar tu tiempo para leer!

Sort:  

Muchisimas gracias por este post, ya para la proxima le coloco los comandos. besos y abrazos.

Chévere estaba buscando como poner de lados las imágenes y el texto.

Este Post ha recibido un Upvote desde la cuenta del King: @dineroconopcion, El cual es un Grupo de Soporte mantenido por 5 personas mas que quieren ayudarte a llegar hacer un Top Autor En Steemit sin tener que invertir en Steem Power. Te Gustaria Ser Parte De Este Projecto?

This Post has been Upvote from the King's Account: @dineroconopcion, It's a Support Group by 5 other people that want to help you be a Top Steemit Author without having to invest into Steem Power. Would You Like To Be Part of this Project?

Oye muchisimas gracias por este post, estuve un buen rato buscando esta información. Gracias !!

Gracias a ti por leer este post, espero te sirva de mucha ayuda amigo, quisiera que me siguieras para hacer amistad y apoyarnos.

Congratulations @danielfuenmayor! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

muchas gracias.

Muyyyyy bueno de verdad lo estaba buscando
Gracias

Gracias a ti por leer el post, quisiera que me siguieras para hacer amistad y apoyarnos.

Has generado un gran aporte lamentable mente nuestro poder de voto es muy bajo y no te podemos responder conforme lo mereces, un abrazo.

Gracias @danielfuenmayor por este post es de mucha ayuda para que nuestras publicaciones tengan una mejor presentación. Dios te bendiga grandemente. Saludos.

Coin Marketplace

STEEM 0.20
TRX 0.12
JST 0.028
BTC 64136.76
ETH 3522.23
USDT 1.00
SBD 2.57