Pages

jueves, 13 de junio de 2019

Bonjour Aconseja - Blogger: ¿Cómo resaltar el texto en una caja?




Bonjour Fangirls! ¿Cómo están?
Hoy traigo otro "tutorial" para el Blog.
Es muy fácil! y súper útil. 
Me encanta y es una de las cosas que más hago, tiene mucho juego para modificarlo de  formas distintas.

Para lograr que el texto que queremos resaltar quede adentro de la cajita, tenemos que modificar el código HTML de la entrada


Cuando estemos en la entrada, cambiamos a vista HTML, localizamos el texto que queremos meter en la cajita y pegamos el siguiente texto: 



<div style="background-color: #edfffa; text-align: centerborder: 2px solid #b991af; padding:5px; ">
Aquí va el texto que metemos en la cajita</div>



Una vez hecho esto, sólo queda personalizarlo a su gusto, ¡Es muy fácil! 

Las letras que se ven en azul es el código de color, el primero es el color de fondo, y el segundo es el color del borde. 

El center, es como se centra el texto que está dentro de la cajita, lo podemos cambiar por left (izquierda) o lo podemos cambiar por right. 

Después tenemos el dos de color verdees el grosor del borde, y si no queres borde simplemente lo reemplazas por 0.

Solid es el tipo de línea que hay, y se puede reemplazar por cualquiera de estas opciones:

Solid                                                            
Dotted.........................................................
Dashed-------------------------------------
Double_____________________________


Nos quedaría algo así:


Aquí va el texto que metemos en la cajita


Si no sabes cómo cambiar el código de los colores, te dejó acá un enlace a una página genial para que elijas el tono perfecto y las combinaciones que te gusten!

No hay comentarios.:

Publicar un comentario