Guía de Justificaciones y Textos para tus Publicaciones....

in spanish •  7 years ago 

Muchos nuevos usuarios me han preguntado como poder estilizar un poco más sus publicaciones, en cuanto a justificar textos, imágenes, párrafos, así como la colocación de fuentes, la variación de los distintos tipos de letras, tamaños y alineación de imágenes. Por eso hoy les dejare esta publicación, esperando que sea de gran ayuda para todos estos humildes consejos que hasta hoy he aprendido y que utilizo normalmente.


Primero lo primero, vamos a justificar el texto, centrar los párrafos y textos, cambiar la fuente de las letras y sus tamaños. Tratare de ser lo más especifico posible y breve en la explicación para que me puedan entender.

Notaron la diferencia de ambos párrafos.


Para justificar texto y párrafos debemos entender que "No es lo mismo", aunque podemos hacer ambas cosas a la vez.


   <center>Con estos comandos al principio y al final del párrafo podrán centrar el párrafo más no el texto.</center>
   <center> y </center>

Con estos comandos al principio y al final del párrafo podrán centrar el párrafo más no el texto.


Ahora vamos aprender como justificaríamos el texto de los párrafos, para que estos tengan mejor agrado visual. Recordemos que esto es por estilismo y queda de tu parte ponerlo en practica o seguir con los valores predeterminados que es justificado a la izquierda.

<div class="text-justify">Ahora vamos aprender como justificaríamos el texto de los párrafos, para que estos tengan mejor agrado visual. Recordemos que esto es por estilismo y queda de tu parte ponerlo en practica o seguir con los valores predeterminados que es justificado a la izquierda</div>
<div class="text-justify">  y  </div>

Ahora vamos aprender como justificaríamos el texto de los párrafos, para que estos tengan mejor agrado visual. Recordemos que esto es por estilismo y queda de tu parte ponerlo en practica o seguir con los valores predeterminados que es justificado a la izquierda.

Ven la diferencia en los texto.


Ahora combinemos los estilos y veamos el resultado de los comandos que les explique anteriormente, pero en este caso justificaremos textos y párrafo.

<div class="text-justify"><center>Ahora combinemos los estilos y veamos el resultado de los comandos que les explique anteriormente, pero en este caso justificaremos textos y párrafo.</center></div>
 <div class="text-justify"><center> y </center></div>

Ahora combinemos los estilos y veamos el resultado de los comandos que les explique anteriormente, pero en este caso justificaremos textos y párrafo.

Ven la diferencia del estilo.


Eso en cuanto a la justificación de textos y párrafos. Ahora veamos como justificar las imágenes (Izquierda, Centro y Derecha) y como colocar las fuentes en ellas de manera más practica.


Por lo general sabemos, que es algo complicado si no tenemos conocimientos poder darles esos toques de estilo a nuestras publicaciones y vemos como muchos usuarios destacan por el orden y las mejoras que dan a sus post y muchas veces quisiéramos realizarlas de la misma manera, pero con estos comandos de seguro podrás realizarlos también.

Para alinear al lado Derecho.

 <div class="pull-right">IMAGEN<p><a href="DIRECCIÓN DE ENLACE">
 <center>NOMBRE DE LA FUENTE</center></a></p></div>
 Y LUEGO EL TEXTO DEL ARTICULO.

Por lo general sabemos, que es algo complicado si no tenemos conocimientos poder darles esos toques de estilo a nuestras publicaciones y vemos como muchos usuarios destacan por el orden y las mejoras que dan a sus post y muchas veces quisiéramos realizarlas de la misma manera, pero con estos comandos de seguro podrás realizarlos también.

Para alinear al lado Izquierdo.

<div class="pull-left">IMAGEN<p><a href="DIRECCIÓN DE ENLACE">
<center>NOMBRE DE LA FUENTE</center></a></p></div>  
Y LUEGO EL TEXTO DEL ARTICULO.


altcointoday.com

Para alinear al Centro.

 <center>IMAGEN</center>
 <center>[NOMBRE DE LA FUENTE](DIRECCIÓN DE ENLACE)</center>
 Aquí ven que los comandos cambian en función de mejorar la fuente,  
 esta va entre los corchetes y la dirección de enlace entre paréntesis.

Otros de los puntos a resaltar es el tamaño y forma de las letras en nuestros textos. Recordemos que podemos tener estilos variados (Negrita, Cursiva, Negrita-Cursiva, Tachada, Tachada-Negrita, Tachada-Cursiva, Tachada-Cursiva-Negrita), vamos con los ejemplos:


Texto de Prueba. - Normal
Texto de Prueba. - Negrita
Texto de Prueba. - Cursiva
Texto de Prueba. - Negrita-Cursiva
Texto de Prueba. - Tachada
Texto de Prueba. - Tachada-Negrita
Texto de Prueba. - Tachada-Cursiva
Texto de Prueba. - Tachada-Negrita-Cursiva


Texto de Prueba. - Normal
**Texto de Prueba. - Negrita**
_Texto de Prueba. - Cursiva_
**_Texto de Prueba. - Negrita-Cursiva_**
~~Texto de Prueba. - Tachada~~
~~**Texto de Prueba. - Tachada-Negrita**~~
~~_Texto de Prueba. - Tachada-Cursiva_~~
~~_**Texto de Prueba. - Tachada-Negrita-Cursiva**_~~

Y por último el tamaño de la letra, usado para Títulos y Subtítulos:

TÍTULO 01

TÍTULO 02

TÍTULO 03

TÍTULO 04

TÍTULO 05
TÍTULO 06

# TÍTULO 01
## TÍTULO 02
### TÍTULO 03
#### TÍTULO 04
##### TÍTULO 05
###### TÍTULO 06

Agrandamiento de Texto.

Agrandamiento de Texto.
--- 
En este punto, solo deberán colocar mínimo 3 guiones 
debajo del texto que quieran agradar y poner en negritas,
aquí si no varía el tamaño y esto cubre todo el párrafo 
que esté sobre los guiones.

Se me olvidaba el decirles cómo se colocan estas notas.

>Se me olvidaba el decirles cómo se colocan estas notas.

Esto es todo por ahora, tratare de ir preparando más guías de apoyo y mantenerlas constantemente para su disfrute y así puedan ir encontrando ese estilo que desean reflejar en sus publicaciones. Espero les sea de mucha ayuda y si necesitan apoyo en un tema en especifico, dejame saber en los comentarios. Hasta la próxima entrega.


Post Original de: Daniel Pineda @sirtorito.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Muy interesante! hay varias que no conocía! Gracias por la info. Saludos!

De nada, de eso se trata hacer circular la información de lo que hemos aprendido y compartirlo con los demás. Saludos....

Está genial el tuto y muy bien explicadito :)

Espero sea de gran ayuda para muchos. Saludos bella y gracias por pasar...

Excelente guia Sir, siempre es bueno transmitir la sabiduría, saludos!

Trato de hacer circular la información que voy recolectando con el pasar de los días acá en Steemit y se que eso ayudará a muchos a crecer un poquito más. Agradecido por tu apoyo...

De los mejores que he visto, créeme que va directo a los favoritos!!! siempre trato de aprender esos comando y debo buscarlos en guías de usuarios que salen en internet incompletas. Buen post bro!

Muy agradecido por tus palabras, trate de hacerlo práctico y preciso para no dejar más dudas que respuestas. Saludos mi hermano....

Ya en mis favoritos este post!!!! Le dare mucho pero mucho uso.... me encantó lo completo que esta!!!

Me alegro que puedas sacar provecho de este post, seguro que será bien usado en tus publicaciones. Saludos....

Gracias por el esfuerzo y la dedicación por mejorar la calidad estética de escritura , repasare la lección a ver si logro mejorar mis post

Claro que si lograras mejorar su estética y por eso pensé en todos y cada uno de ustedes para que terminen de pulir esos carbones y salgan a relucir sus diamantes. Saludos....

Tener una pestaña abierta con este post ha de volverse una obligatoriedad al momento en que nos dispongamos a publicar. No basta con solo escribir y escribir sin cesar, el estilismo juega un papel importantísimo.

Gracias por el aporte @sirtorito

De nada mi estimado y espero les sea de mucha ayuda, para eso fue realizado. Saludos...

Excelente aporte, sobre todo para los principiantes como yo jeje

Super interesante para mi tu post, me has aclarado una interrogante, me sera bien útil. Saludos

De nada bella, y recuerden que si tienen dudas no se limiten en preguntar. Saludos....

Súper importante este tutorial! Aún no me acostumbro a lo de poner las imágenes de un lado al otro pero ya básicamente domino mejor todo lo demás ya que le da muchos puntos visuales a las publicaciones!

Otro gran aporte para la comunidad que guias, esperemos que todos tomen esta guia como ayuda para ser mejores creadores de contenido, saludos!

Jejejeje si a veces es difícil pero el esfuerzo vale la pena porque deja mejor aspecto a los post. Saludos mi hermano y agradecido por leerte por estos lares...

Siempre es bueno este tipo de material, es de ayuda para esquematizar y pulir nuestras publicaciones.

Me alegro de que te pueda servir en tus mejoras. Saludos....

buen tutorial muy completo.

estube leiendo en el tutorial de marldown algo sobre emoticonos, e probado de todo pero no funciona, tienes idea de como se usan?

  ·  7 years ago (edited)

😆 hola @networker5 estas perdido, antes te veia mas seguido y por todos lados, los emoticones son códigos que los escribes con la siguiente nomenclatura &#128518; en este post puedes ver una pequeña lista que puedes usar emojis
los que se colocan con los dos puntos al comienzo y al final nunca me han funcionado.

Muy bien @juanmcar, de eso se trata apoyar y darles ese consejo que nosotros tenemos. Muy agradecido por el apoyo. Saludos a ambos....

Estupendo post me va a ser muy útil. Saludos

Me alegro por eso y así nos deleitaras más con tus publicaciones. Saludos....

Muy buen tuto Sir, mejor explicado imposible, con estas herramientas podrán hacer mejores post, bien elegantes y llamativos.

Me alegro que te sea de provecho. Saludos y que continúen los éxitos...

Gracias, estaba por preguntar lo de la alineación de textos con las imágenes a la derecha u izquierda y como verás este post me cae super. Saludos!!

De nada bella y bueno aquí tienes este aporte y se que sera muy bien utilizado por ti y por otros más. Saludos....

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by isabelmacias from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, 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.

Muchas gracias, muy bueno tu post como siempre ayudando a todos y preocupado por que todos mejoremos.

La verdad si se ve un gran cambio al post, siempre te daré las gracias por ayudarnos a crecer!!