Header Ads

Modificar el Color del Texto seleccionado en Blogger


cambiar color del texto seleccionado en blogger
Si estas cansado del típico fondo azul que toman los textos cuando se seleccionan, en esta entrada aprenderemos como hacer que ese fondo por defecto que normalmente es el azul en todos los navegadores cambien al color que nosotros deseemos. Aplicaremos un poco de CSS, pero descuiden es solo un pequeño código el cual es fácil de aplicar.


Modificar el Color del Texto seleccionado en Blogger:

Para lograr este estilo en nuestro textos seleccionado aplicaremos un poco de CSS, obviamente no es nada difícil es mas, es muy sencillo de entender, luego los resultados serán según el color que pongamos como en los siguientes ejemplos:

Ejemplo 1: selecciona el texto y veras que el fondo se ara de color rojo.

Ejemplo 2: selecciona el texto y veras que el fondo se ara de color marrón.

Ejemplo 3: selecciona el texto y veras que el fondo se ara de color verde

El código que hace posible este efecto es el siguiente:

El código que hace posible todo eso es el siguiente:

::selection {
background: red; /*coloque el color que usted desee*/
}
::-moz-selection /*para mozilla*/
{
background: red;/*coloque el color que usted desee*/
}
::-o-selection /*para opera*/
{
background: red;/*coloque el color que usted desee*/
}
::-webkit-selection /*para Chrome*/
{
background: red;/*coloque el color que usted desee*/
}

¿Donde pegar el código CSS?

Para que con el código funcione y al seleccionar el texto de nuestro blog este tenga un color de fondo seleccionado personalizado, tenemos que  pegar dicho código en la opción añadir CSS de la herramienta de plantilla Personalizada de Blogger.

código CSS para cambiar el fondo del texto seleccionado

Una ves que ayeamos pegado el Código solo damos en la opción aplicar al Blog y ya tendremos el color de fondo personalizado para que cuando seleccionemos un texto este se vea mas llamativo y atractivo y nos olvidemos del típico azul que viene por defecto.

Espero que esta Entrada les sea de mucha utilidad, cualquier duda o Aporte pueden hacerlo por comentarios. Gracias por su Tiempo!







1 comentario: