Revista Blog

Modificar el Color del Texto seleccionado en Blogger

Publicado el 29 julio 2013 por Eduardo Javier Perez Cenepo @NeytorTec

cambiar color del texto seleccionado en bloggerSi 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!

Volver a la Portada de Logo Paperblog