SERVICIOS - DISEÑO - FREEBIES - MEJORA TU BLOG -

15 oct. 2014

Tu toque de color. Cambia el color del texto seleccionado

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:


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.



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

12 comentarios:

  1. Muy chulo el tutorial me lo apunto y cuando tebga un ratito me lio a ello , bueno yo no me considero experta todavía pero gracias a ti he aprendido mucho sobre estos temas muchas gracias.
    Un besote

    ResponderEliminar
    Respuestas
    1. Graciassss da subidón saber que aprendéis y os sirve mucho mucho mi trabajo.

      Eliminar
  2. Me encanta!!! ya lo he puesto.

    Gracias mil ;)

    ResponderEliminar
  3. Que chulo!! estas pequeñas cosas hacen que te guste más el blog, lo cambiaré, gracias y un beso

    ResponderEliminar
    Respuestas
    1. Siii estas cosillas lo hacen más tuyo.
      Besotes :)

      Eliminar
  4. Pues sí que lo voy a hacer, que aunque sean pijaditas, a mí me encantan!!!
    Gracias por todo Lireth!

    ResponderEliminar
  5. Siempre con buenos trucos =P gracias!

    ResponderEliminar
  6. Gracias Lireth por tus consejos
    Un beso

    ResponderEliminar
  7. Muchas gracias por el tutorial. Se queda en la cola de pendientes!!
    Un saludo

    ResponderEliminar
  8. Muchas gracias me sirvió mucho :D

    ResponderEliminar
  9. buenisiiimo... lo habia echo antes en otro blog, pero ya habia olvidado como hacerlo para arreglar el nuevo blog que hice... gracias por el tutorial... la verdad me han ayudado bastante con el nuevo blog :) GRACIAS

    ResponderEliminar