Cambiar el color del texto seleccionado

4.2.15

Hoy os traigo un mini tutorial que no he visto en otros blogs y creo que a mas de una le gustará.

¿A que me refiero con cambiar el color del texto seleccionado? Mira, mira...
¿No estáis cansadas de ese color "azul selección"? Porque yo ya lo estaba un rato... así que me decidí a cambiarlo y este es el resultado.
 ¡Es muuuuy sencillo!

Para esto, como la gran mayoría, tendremos que editar la plantilla en html
Recordar guardar una copia de seguridad de vuestra plantilla clickando en "Crear/Restablecer copia de seguridad".

Una vez en la plantilla, vamos a buscar </b:skin>, para localizarlo abrir el buscador haciendo Ctrl + F.

Justo encima pegamos el siguiente código:


/* Cambiar color seleccionar texto
----------------------------------------------- */
::selection {
background: #c7f9f6; color: #7a7a7a;
}
::-moz-selection {
background: #c7f9f6; color: #7a7a7a;
}


Lo marcado en lila >> Será el color del fondo del texto seleccionado.
Lo marcado en rosa >> Será el color del texto seleccionado.


Y así quedará en nuestra plantilla:

Le damos a guardar y ¡ya lo tenéis!


¿Os ha gustado? ¿Os animáis?
Si lo ponéis en práctica avisadme para que lo vea :)


Besitos ^^,

25 comentarios:

  1. Anda!! pues muchas gracias guapi!!! estos tutoriales vienen genial =)

    ResponderEliminar
    Respuestas
    1. Es una pijadita pero es chulo :)

      Besitos ^^,

      Eliminar
  2. jujuju a mi me da miedito meterme con htlm pero vamos me lo guardo en la recamara! ;)

    ResponderEliminar
    Respuestas
    1. ¡Este es muy sencillo! Solo hay que añadir el código na mas :)
      Siempre puedes hacer como yo, crear un blog de pruebas y trastear en en la plantilla html.

      Besitos ^^,

      Eliminar
  3. pues tienes razon, ni me habia fijado que el color por defecto es ese azul tan feo jajaja

    por cierto, ya vi por twitter que ya tienes 100 seguidores (ahora ya 101!), felicidades!!! :D

    un besito!!

    ResponderEliminar
    Respuestas
    1. ¡Muchas gracias guapa! :D

      Besitos ^^,

      Eliminar
  4. Hola guapa! Yo siempre estoy cambiando costillas de estas asi que me encanta :) Un beso!!

    ResponderEliminar
    Respuestas
    1. Son pequeñas tonterías pero queda gracioso :)

      Besitos ^^,

      Eliminar
  5. No conocía este truquito pero creo que lo voy a aplicar. Todo lo que sea personalizar el blog me encanta!
    Ahh! y felicidades por esos 100(+1) seguidores ;)
    Un beso! :)

    ResponderEliminar
    Respuestas
    1. P.d.: Hecho! ;)

      Eliminar
    2. ¡Muchas gracias! Y ya he visto que te queda de maravilla :D

      Besitos ^^,

      Eliminar
  6. Muchas gracias por la info guapa!
    A mí me viene como anillo al dedo, soy un poco torpe en este mundillo...jeje

    Un besote

    ResponderEliminar
    Respuestas
    1. ¡Este es muuuy facilito! Espero ver el cambio por tu blog! :P

      Besitos ^^,

      Eliminar
  7. En estos años que llevo en Blogger nunca se me ocurrió que se podía cambiar eso jajajaja lo voy a poner ya que estoy.

    ¡Gracias! (:

    ResponderEliminar
    Respuestas
    1. Yo no sabía que se podía, pero empecé a buscar y buscar y rebuscar y ¡sí se podía! :D
      Así que adiós a ese azul que no me gusta nada jeje

      Besitos ^^,

      Eliminar
  8. Gracias por todos estos tutoriales,más que nada porque estamos un poco raspados en el tema de diseño de blogs. Raspados no, no tenemos ni idea. Y la verdad es que nos da un pánico tremendo tocar mucho las plantilla. Gracias por los consejos. Lo tendremos muy en cuenta.

    Besos

    ResponderEliminar
    Respuestas
    1. Yo recomiendo hacer un blog de pruebas para soltarse con la plantilla html y si algo funciona lo pasáis a vuestro blog :)

      Besitos ^^,

      Eliminar
  9. Buen tuto!!!. Mujer, si no lo ves por los blogs es porque no queda muy lucido en medio de un post poner un texto con background. Yo por ejemplo lo tengo en aplicado en la fecha de las entradas porque justo ahí y con ese tipo de letra me gusta mucho. Pero en medio de un post lo normal es cambiar el color, ponerlo en negrita o inluso cambiar la fuente por una a juego con lo que tengamos (o un mix de varias).
    Y que conste que solamente es mi opinión personal..Cada uno es libre de hacer lo que de la real gana jejejeje.
    XOXO

    ResponderEliminar
    Respuestas
    1. ¡Hola! Creo que no me he explicado bien jeje no es para poner el texto del post en background. Es el color que sale sobre el texto cuando lo seleccionas con el ratón, por ejemplo cuando quieres copiar un trozo de texto de algún blog o comentario, es ese azul que sale lo que cambiamos. :)

      Besitos ^^,

      Eliminar
  10. jeje, no hago más que seleccionar texto en tu blog y en otra página y este turquesa mola un montón :). Gracias por compartir tu sabiduría!!

    Netikerty del Blog Anden 27

    ResponderEliminar
    Respuestas
    1. jajajaja ¡Pues ya sabes! ¡A cambiar el color! :P

      Besitos ^^,

      Eliminar
  11. Qué fácil y rápido! A la primera, oye! hahaha. Te sigo de cerca, tengo que mirar tu blog a fondo con calma. Un besito!

    ResponderEliminar
    Respuestas
    1. ¡Gracias! Ahora mismo voy a ver como te ha quedado :D

      Besitos y bienvenida ^^,

      Eliminar

Me encanta leer todos y cada uno de vuestros comentarios.

¡¡Mil gracias!! ^^,