[1#Tutorial Markdown] - Separar el contenido en dos columnas (Ideal para crear historias y relatos)👀¡Guia al grano!


Seperar tu contenido

Algunas ideas...

Separar el texto en dos columnas es ideal para crear historias o hacer una especie de libro virtual, así como tambien traducir. Por lo general, yo lo uso para traducir al ingles en un solo post.

Facil de entender

Al principio me parecia complicado de hacer pero investigue un poco sobre Markdown y entendí para que sirven esos codigos.
Tu puedes empezar solo copiando los codigos y pegandolo en tu post, pero la idea es que aprendas hacerlo manualmente.



Fuente

EL CODIGO < DIV >

En el lenguaje de programación llamado Html se usa mucho el < div > en la creación de paginas web o de algun contenido dinamico. En Markdown funciona igual, osea el < div > lo que hace es definir un bloque de contenido o una sección especifica de la pagina. Es por esto, que al usar < div > podemos llevar el contenido de iziquierda a derecha, tal y como queramos.

Definición de algunas palabras dentro del codigo

Cuando veas el codigo vas a notar algunas palabras extrañas en ingles. Sin embargo, te las explicare para que entiendas la función que cumple cada una. De igual manera, lo tendras en cuenta así copies y pegues el codigo.

CLASS

Como su palabra lo dice Clase. Se usa para identificar el estilo de una agrupación seleccionada con el < div >.

"TEXT-JUSTIFY"

Luego del Class viene un patrón llamado Text-Justify lo cual es opcional ya que es para poner el texto justificado, osea todo el texto al mismo margen. Lo puedes quitar si quieres.

PULL

Esto es para empujar el texto. Puedes empujarlo a la derecha o a la izquierda junto al codigo padre que es el < div > así mira:

<div class="pull-left">   Para el lado izquierdo.
<div class="pull-right">   Para el lado derecho.

Ya lo que queda es escribir tu post así como lo has venido haciendo, pero escribiendo siempre dentro de los codigos que definen el texto, ya sea de izquierda o de derecha; Por ejemplo, si vas a escribir del lado derecho ya sabes que debe ser dentro del pull-right.

Toma nota del siguiente codigo del ejemplo que viste al principio del post.

Copialo en un bloc de notas y podrás copiarlo y pegarlo luego a steemit. Solo te queda editarlo y poner tu contenido. De igual manera, puedes descargarlo haciendo clik aquí.


Puedes copiar y editar el codigo poniendo tu contenido y luego pegarlo en steemit

<div class="pull-left">

<center>Seperar tu contenido </center>
##### Algunas ideas...
Separar el texto en dos columnas es ideal para crear historias o hacer una especie de libro virtual, así como tambien traducir. Por lo general, yo lo uso para traducir al ingles en un solo post.
</div>

<center>Facil de entender</center>
Al principio me parecia complicado de hacer pero investigue un poco sobre Markdown y entendí para que sirven esos codigos.
Tu puedes empezar solo copiando los codigos y pegandolo en tu post, pero la idea es que aprendas hacerlo manualmente.
</div>
</div>

Nota: Los # son usados para escribir titulos. Mientras más # pongas, más pequeñas seran las letras (limite hasta 6).

Ya queda de tu parte el uso de los codigos. Por lo general, estos dependen de tu creatividad. Como te dije anteriormente, una gran idea sería un libro o una historia, dando a simple vista una visión de dos paginas. Solo es cuestión de adaptarse y mejorar con cada post el uso de los codigos.

SEPARADORES.png

Si consideras de utilidad este contenido por favor dale ReSteem para que a otras personas les pueda llegar esta información





¡Sigueme! soy un humilde servidor que busca tenderle la mano aquellos usuarios con potencial.



Subo estrategias de mercado para empresas y estrategias para mejorar en Steemit





TU Ganas YO Gano TODOS Ganamos

Así es como funciona #dandylandia


Gift realizado por @edmanuelwild

H2
H3
H4
3 columns
2 columns
1 column
9 Comments