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>
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>
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.
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.
