Cambiar el color del texto que está seleccionando el lector | Makonico
La vida es mejor si usas un buen navegador. Rápido, Potentente, Seguro y Estable Mozilla Firefox es tu elección DESCARGALO
5

Cambiar el color del texto que está seleccionando el lector

Seguro que alguna vez has entrado en un blog y en el mismo al seleccionar el texto se puede ver que el color de fondo es diferente y las letras al seleccionarlo eso se hace en blogger con un poco de CSS es muy fácil de instalar ese script solo copiar y pegar {¦D
Puedes ver un ejemplo en la siguiente imagen:


 Como se ve está en su color predeterminado que es el azul al seleccionar el texto.

Ahora con este script puedes cambiar el color por el que quieras quedaría así:
                                                                                   Para implementarlo en tu blog pega este código en el bloque de CSS o bien sería antes de ]]></b:skin>:
::-moz-selection{
background:#444444 ;color:#ffffff
}
Lo de verde es el color de fondo que aparecerá al seleccionar el texto y lo de azul es el color del texto que estará dentro de ese fondo.

ACTUALIZACIÓN 28/04/2011
AI INFORMARME MEDIANTE UN VISITANTE DE QUE EL SCRIPT NO ES COMO PARECE PORQUE NO SE VÉ COMO ESTÁ AQUÍ, EN GOOGLE CHROME CON ESTE SI VÉ AHÍ TAMBIEN EL EFECTO, ES ESTE:

 ::-moz-selection{
background:#183b5f ;color:#ffffff
}
::selection{
background:#183b5f; color:#ffffff
}

5 OPINIONES:

  1. oie creo que tienes mal el codigo :-S en realidad es asi

    /* Color texto seleccionado */
    ::selection {
    background: #000000;
    }
    /* Color de fondo del texto seleccionado */
    ::-moz-selection {
    background: #00c0ff;
    }

    puedes visitar mi blog para verlo funcionando http://kronzio.blogspot.com
    }

    ResponderEliminar
  2. Kron, el tuyo está bien lo que hice fué reducirlo un poco ves lo tengo así como está aquí y funciona de maravilla

    saludos.

    ResponderEliminar
  3. umm pues hay algo mal, por que lo probe y no funciona a menos que quites uno de los 2 puntos al principio, el codigo que tu tienes es
    ::-moz-selection{
    background:#444444 ;color:#ffffff
    }

    y el codigo deberia quedar asi

    :-moz-selection{
    background:#444444 ;color:#ffffff
    }

    ResponderEliminar
  4. Hola encerio no se que ha salido mal pero a mí me funciona lo probé en casi todas las plantillas y si me sirve puse el tuyo como dijiste sin 2 puntos demas y no me sirvió

    ResponderEliminar
  5. Grácias por avisarme ya está actualizado el post esque no me dí cuenta que el script no sirve como lo tenía en google chrome disculpas cualquier otra duda eres libre de opinar grácias.

    Saludos

    ResponderEliminar

Si tienes una consulta sobre un Artículo haz tu comentario

USA ESTA LINEA PARA DEJAR ENLACES

<a href="Dirección de tu página">Título del enlace</a>

ARTÍCULOS RECOMENDADOS

CARGANDO PÁGINA
FACEBOOK
TWITTER