[1#Tutorial Markdown] - Separar el contenido en dos columnas (Ideal para crear historias y relatos)👀¡Guia al grano!
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.
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.
![](https://steemitimages.com/DQmVD2Nx4WBBYuvLtVsqyssnXWUppopK2RMiqHEk6XoFifJ/image.png)
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í.
<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).
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
![](https://steemitimages.com/0x0/https://cdn.discordapp.com/attachments/372092595809026050/387107579173535744/logo_dandy.gif)
POST votado por el equipo de
@votovzla
@reveur ven
Hola @idandy recibe nuestro humilde voto.
Pues @votovzla consideró que tienes el don de ofrecernos una gema y te otorgo nuestro...
Llámalo cuando quieras, avisa a @nnnarvaez si alguien lo utilizó donde exista plagio. Si tienes preguntas búscanos en discord Reveur-Venezuela
Tremenda guía, precisa, me sirvió muchisimo, llevaba un tiempo intentando esto y no lo conseguia... Gracias :)
@edmanuelwild gracias bro! Ahi esta y puedes usar los codigos como gustes!
guía que sin duda alguna todo iniciado debería ver, gracias por compartir
Gracias por el apoyo amigo @guitartech un abrazo!
Buen post compatriota upvote follow
Saludos @jorcec un placer tenerte por acá.
Buena guía bro, me sirvió mucho :)