Revista Blog

Tu toque de color. Cambia el color del texto seleccionado

Publicado el 15 octubre 2014 por Lireth
Otro tutorial y este mes la cosita va de pijadillas, pero son cosas muy monas que seguro que ponéis en práctica.
Son detalles que alegran un blog y lo hacen más tuyo, muy muy fáciles de hacer como ahora veréis y si hay alguna otra pijadita que queráis y yo no he publicado solo tenéis que pedírmela mandándome un mail o rellenando este formulario que tenéis aquí.
Bueno vamos al tema, normalmente cuando vamos a un blog y seleccionamos texto, esa selección sale en azul cantoso:
Tu toque de color. Cambia el color del texto seleccionado
Pues hoy aprenderemos a hacer que en nuestro blog ese azul sea el color que nosotras queramos, yo obviamente lo he puesto de color rosa.
Tu toque de color. Cambia el color del texto seleccionado
Simplemente tendremos que ir a nuestra plantilla (acordaos de hacer una copia de seguridad)Buscar nuestro código CSS (ya sabéis el que empieza en: <b:skin>)
Y al final de todo, antes de : ]]></b:skin>
pegamos lo siguiente:
/* Seleccion-color
---------------------------------------------- */
::-moz-selection  {
background: #EDC3E0;
color: #000000;
text-shadow: none;  
}
::selection   {
background: #EDC3E0;
color: #000000;
text-shadow: none; 
}
Ya sois todas unas expertas en Css, por eso no hace falta decir que para cambiar el color de lo seleccionado cambiaremos lo que dice  background: y le pondremos ahí el color que queramos. El #EDC3E0 es el rosita que le he puesto yo, pero vosotras aquí podéis buscar el color que queráis.
En color, se cambia el color de la letra, yo le he puesto negro que es #000000 pero ponedle el que os guste.
Y nada más, guardáis y listos. Otra cosa que ya tenéis.
¿A que queda chulo?
Besotes!
Lireth's Notebook ¡Gracias por suscribirte! ❀Lireth❀

Volver a la Portada de Logo Paperblog