Cambiar el color del texto seleccionado. Deshabilitar selección

Este truco es principalmente para gente que guste de marcar el territorio para que sus visitantes sepan perfectamente dónde se encuentran. Y la manera de demostrarlo en este caso será modificando el color de selección de texto por defecto que todos los navegadores llevan. También podemos hacer que este desaparezca o que directamente no sea seleccionable.

Esto último tiene una aparente utilidad para los obsesos anti-copia, pero digo aparente porque SIEMPRE hay alguna manera de copiar cualquier cosa y lo único que se puede conseguir es demorarlo unos segundos.

Para lo de cambiar el color usaremos el pseudo-elemento::selectionque hace lo que aparenta su nombre y que no podía ser otra cosa que permitirnos aplicar propiedades a lo que seleccione el usuario.

En un primer caso, si no va asociado a ninguna clase, este código provocará que toda la página se vea afectada. Nótese que he utilizado los dos puntos repetidos, ya que en mis pruebas, con sólo un juego el navegador no lo interpretaba:

::-moz-selection {background: red;}
::selection {background: red;}

Ya estáis tardando en probar cómo ocurre lo prometido cuando seleccionáis cualquier texto de esta página.

Bueno, en todas todas no. Evidentemente, si creamos una clase con este selector y luego lo aplicamos a una parte en concreto, el cambio de color sólo afectará a esa parte:

.verde::-moz-selection {background: green;}
.verde::selection {background: green;}

.amarillo::-moz-selection {background: yellow;}
.amarillo::selection {background: yellow;}

.azul::-moz-selection {background: blue;}
.azul::selection {background: blue;}

div class="verde"La selección de este texto es verde/div
div class="amarillo"La selección de este texto es amarillo/div
div class="azul"La selección de este texto es azul/div

La selección de este texto es verde

La selección de este texto es amarillo

La selección de este texto es azul

¿Y qué ocurre cuándo escogemos el mismo color de texto que de fondo? Pues eso, que el texto no es visible. En este caso nos reservamos ese efecto para cuando el texto es seleccionado:

.esconder::selection {color: white;background: white;}

div class="esconder"La selección de este texto lo hace desaparecer/div

La selección de este texto lo hace desaparecer

Para terminar esta parte, en el enlaceencontraréis una tontería en la que se aplica de forma creativa esta propiedad;no os la perdáis.

Si queréis hacer lo mismo con una imagen propia, sólo tenéis que acudir a estaherramienta online.

Para terminar, una forma de deshabilitar la selección de texto, pero como decía al principio, sólo con el afán de molestar un poco a los plagiadores profesionales. Nada más.

Esto se hace conuser-select:

.nomarcar {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

div class="nomarcar"Texto anti-copia... pero poco/div

Selecciona este texto anti-copia

Sigue, sigue, que por las buenas no vas a poder ;)

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

CosasParaMiBlogs

jueves, 9 de agosto de 2012

Cambiar el color del texto seleccionado. Deshabilitar selección – cancer

La selección de este texto es verde

La selección de este texto es amarillo

La selección de este texto es azul

La selección de este texto lo hace desaparecer

Selecciona este texto anti-copia

Popular Posts

Blogger news

Labels

Blog Archive