➡️Lunes Geek | Markdown en Tablets o teléfonos inteligentes / 2da parte

in #spanish6 years ago (edited)

Fuente imágenes: Bitmoji, fondo imagen: captura de pantalla del teléfono

Guía de markdown para usuarios de teléfonos y tablets

consejos para principiantes sin computador

separador new.png

Puedes elegir entre redactar con códigos de markdown, o usar la barra de edición, se elige cualquiera antes de empezar a escribir, una vez seleccionado el modo ya no se puede cambiar y se inhabilita la opción.

Al elegir el modo de códigos, tendremos que usar caracteres no alfabéticos como: #, <, >, ", *, =, /, |, [, ], (, ), entre otros, para indicar la sintaxis adecuada, de modo que ese lenguaje sencillo de programación nos permitirá darle forma al texto.

separador new.png

TABLAS / RECUADROS

LADO IZQUIERDO EDICIÓN CON LA BARRA DE EDICIÓN

Screenshot_2018-12-24-07-10-17.png

Al elegir la barra de edición, queda disponible algunas opciones, que, aunque limitadas, combinándolas correctamente se puede estructurar un buen y bonito blog.

Con la barra de edición no se pueden diseñar tablas, si necesitas mostrar un recuadro tendrás que utilizar códigos markdown.

LADO DERECHO EDICIÓN CON CÓDIGOS

Screenshot_2018-12-24-07-13-01.png

Para hacer un recuadro se utiliza el siguiente símbolo: "|", se obtiene tecleando Alt+124, ejemplo de tabla

|título 1|título 2|
|----|----|
|categoría 1|categoría 2|

Resultado:

título 1título 2
categoría 1categoría 2

separador new.png

HIPERVÍNCULO

Screenshot_2018-12-24-07-13-46.png

En la barra de edición, seleccionamos una palabra, después clic sobre el botón hipervínculo (la cadena), se habilita un espacio donde debemos colocar el link donde se redirecciona la palabra.

Útil cuando necesitamos indicar la fuente de alguna información o imagen.

Screenshot_2018-12-24-07-14-40.png

En códigos, se debe escribir lo siguiente:
usando los códigos [],():

[texto](link)

Resultado: texto

separador new.png

CITAS

Screenshot_2018-12-24-07-16-26.png

En ocasiones queremos incluir citas textuales en nuestras publicaciones, por ejemplo, un concepto, la forma correcta es incluyéndolo en forma de cita.

En la barra de edición. seleccionamos el texto o el párrafo y le damos clic al botón de (") comilla.

Screenshot_2018-12-24-07-17-03.png

En códigos, al principio del párrafo a indicar como cita se debe colocar el símbolo mayor que (>)

> párrafo a citar

Resultado:

párrafo a citar

separador new.png

Modificaciones únicas en Markdown

Seguro ya te diste cuenta que trabajar con la barra de edición es muy limitado, si quieres un blog un mejor formato y desarrollo tendrás que utilizar los códigos, para terminar esta serie, te dejo algunos exclusivos que no podrás realizar con la barra de edición:

Justificar párrafos:

<div class="text-justify">

Párrafo a justificar

</div>

Columna de texto a la derecha y columna de texto a la izquierda

<div class="pull-left">

texto a la izquierda

</div>

<div class="pull-right">

texto a la derecha

</div>

Resultado:

texto a la izquierda

texto a la derecha


Puedes jugar con estos, por ejemplo, a la izquierda puedes colocar texto y a la derecha puedes insertar una imagen

Texto de color rojo

 <div class="phishy">Guía de markdown para usuarios de teléfonos y tablets</div>

Resultado:

Guía de markdown para usuarios de teléfonos y tablets

separador new.png

Si eres nuevo en markdown, la práctica diaria será tu aliada, si tenes alguna duda puedes dejarla en los comentarios...

separador new.png

Lunes Geek anteriores:

separador new.png

FIRMA31.png


Agradecido por tu lectura
Podemos estar en contacto por:
Discord: @alcidescadiz#6964, Twitter, facebook.
Wordpress http://alcidescadiz.repollo.org


Posted from my blog with SteemPress : http://alcidescadiz.repollo.org/2018/12/24/markdown-para-telefonos/

Sort:  

Hola, este post ha sido votado por Cervantes, en conjunto con Steempress. Saludos

Hi @alcidescadiz!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 1.075 which ranks you at #50571 across all Steem accounts.
Your rank has improved 16 places in the last three days (old rank 50587).

In our last Algorithmic Curation Round, consisting of 208 contributions, your post is ranked at #76.

Evaluation of your UA score:
  • Only a few people are following you, try to convince more people with good work.
  • The readers appreciate your great work!
  • Great user engagement! You rock!

Feel free to join our @steem-ua Discord server

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by alcidescadiz from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Coin Marketplace

STEEM 0.19
TRX 0.15
JST 0.029
BTC 62978.31
ETH 2546.24
USDT 1.00
SBD 2.76