(2/2) Guia completa para MARKDOWN.

Words
681
Reading
4 min
8y
Listen to this post
~5 min

Buenas, hoy vengo a aportarles una guía completa sobre el Mardkdown en Steemit que he realizado y probado en conjunto con yiss@yiss espero les sea de utilidad. La misma ha sido separada en 2 partes, básica y avanzada, este post representa la parte avanzada de la guía, si quieres ver la parte basica entonces haz click aqui.

descarga (2).png


TABLAS:

Sustituye los campos y cabeceras por los elementos de tu tabla:

Cabecera A | Cabecera B
-- | --
Campo A0 | Campo B0
Campo A1 | Campo B1

Puedes añadir estos marcos, para tener mayor orden al escribir aunque no cambia nada el resultado final:

| Cabecera A | Cabecera B |
| ---------- | ---------- |
| Campo A0   | Campo B0   |
| Campo A1   | Campo B1   |

Tambien puedes añadir mas de 2 cabezeras y mas de 2 campos:

| Elemento | Cantidad | Precio |
| :------- | :------: | :-----: |
| Item 1   | 15       | 150€   |
| Item 2   | 3250     | 23,65€ |
| Item 3   | 250     | 13,45€ |

Y se vera asi:

Cabecera ACabecera B
Campo A0Campo B0
Campo A1Campo B1

ElementoCantidadPrecio
Item 115150€
Item 2325023,65€
Item 325013,45€

separador1.png

CODIGOS:

Se usan para insertar texto con codigo, sin que se formatee:

<code> texto a formatear </code>

Esto es un párrafo normal, con un trozo de código: `este texto tiene codigo` insertado en el medio del mismo.

Y se vera asi:
texto a formatear

Esto es un párrafo de código.

Esto es un párrafo normal, con un trozo de código: este texto tiene codigo insertado en el medio del mismo.

separador1.png

LINEAS HORIZONTALES:

Inserta una linea horizontal que separa secciones de tu publicacion:

***
- - -
___

Y se vera asi:




separador1.png

CENTRAR TEXTO:

Escribir texto centrado:

<center>
texto
</center>

Y se vera asi:


Upvote ;D

separador1.png

JUSTIFICAR TEXTO:

Escribir texto justificado:

<div class="text-justify">
texto
</div>

Y se vera asi:

Escribo este parrafo innecesariamente largo solamente para que puedas verificar que el texto si se justifica al hacer buen uso de este codigo, que ayuda a darle un aspecto muy formal a tus publicaciones.

separador1.png

POSICIONAR TEXTO:

Te ayuda a enviar columnas de texto bien sea a la izquierda o a la derecha:

<div class="text-right"><p>texto hacia la derecha</p></div>   

<div class="text-left"><p>texto hacia la izquierda</p></div> 

Y se ve asi:

Recuerda dejar tu upvote si te gusta esta guia

y si lo deseas, tambien puedes darle reesteem

separador1.png

POSICIONAR IMAGENES:

Hace lo mismo que con el texto, pero esta vez con las imagenes:

<div class="pull-right">enlace de la imagen<p><a href="enlace de la fuente">
<center>Nombre de la Fuente</center></a></p></div>

Y se vera asi:


Si cambias el pull-right por pull-left, la imagen se va hacia la izquierda:

<div class="pull-left">enlace de la imagen<p><a href="enlace de la fuente">
<center>Nombre de la Fuente</center></a></p></div>

Y se vera asi:

separador1.png

El comando </div> sirve para crear balizas dentro de las cuales puedes formatear texto en especifico, y no en toda la publicacion, ejemplo:

Aqui esta un texto cualquiera

<div class="text-right">

##### El post de @mvangel94 y @yiss
Este es un texto con alineación a la derecha, 
> Y ademas tiene una cita, tambien alineada a la derecha
</div>

Aqui continua el post...

Y se veria asi:
Aqui esta un texto cualquiera

El post de mvangel94@mvangel94 y yiss@yiss

Este es un texto con alineación a la derecha

Y ademas tiene una cita, tambien alineada a la derecha

Aqui continua el post...

separador1.png

DOS COLUMNAS DE TEXTO:

dos columnas de texto en el mismo parrafo:

<div class=pull-left>ESCRIBE EL TEXTO DE LA COLUMNA IZQUIERDA AQUI.</div>
ESCRIBE EL TEXTO DE LA COLUMNA DERECHA AQUI.</
div>

Y se ve asi:

AQUI TIENES UN TEXTO DE EJEMPLO PARA QUE TE HAGAS UNA IDEA DE COMO LUCIRIA ESTO EN TU PUBLICACION, ES GENIAL ¿NO ES ASI? PUEDES AÑADIR MUCHA INFORMACION SIN OCUPAR TANTO ESPACIO
Y LO MEJOR ES QUE PUEDES AÑADIR IMAGENES TAMBIEN, INCLUSIVE INTERCALAR TEXTO E IMAGENES PARA REALIZAR UN ESCRITO ESTILO LIBRILLO, IDEAL PARA HISTORIAS Y CUENTOS

separador1.png

SUPERPONER TEXTO:

Puedes colocar un texto mas pequeño, para superponer informacion:

texto<sup>aqui va tu texto superpuesto</sup>texto

Y se vera asi:
holale dijo el, apenas la vio¿que tal?

separador1.png

Hasta aqui llega la segunda parte de esta guia, recuerda que si deseas ver el apartado basico de la misma puedes hacerlo a través de este link.. Esperamos que la misma les sea de mucha ayuda, un cordial saludo a todos aquellos que nos leen.
(2/2) Guia completa para MARKDOWN. | Ecency