Página de inicio tu ip es el siguiente
 
inicio
Syllable: Sistema operativo liviano y gratuito
Windows XP Falcor Edition y windows fenix
Contacta con nosotros
foro
Libro de visita
chistes
te quiero en todos los idiomas
te amo en todos los idiomas
pensamientos
poemas
reflexiones
Refranes
frases
TODO SOBRE TU FECHA DE NACIMIENTO
30 trucos para Microsoft Excel
curso de informatica
curso de ofirmatica
35 Trucos para Microsoft Word
que es webmaster?
15 CONSEJOS PARA CREAR UN BOLETÍN ELECTRÓNICO
Zona PHP
TABLA DE COLORES
nuevos codigos
texto
=> entradas relacionadas
Gifs Animados
fondos de pantalla para tu web
efectos
letras animadas
signos del zodiaco animados
utilidades
formularios
un chat en tu web
alertas
reproductor y audio para tu web
crea Tu correo personalizado
contadores para tu web
Analiza un archivo online con varios antivirus
PONER UN MENÚ DESPLEGABLE EN TU PÁGINA
traduci tu web en varios idiomas
Haz que tus usuarios incluyan tu página entre sus favoritos
crea un "terremoto" en tu web
CONSIGUE QUE TU PÁGINA APAREZCA COMPLETA AL IMPRIMIRSE
CÓMO CONSEGUIR QUE TU PÁGINA SE REFRESQUE AUTOMÁTICAMENTE
Mas trucos para tus paginas ( Efectos de texto)
Rotador de imagenes
GOOGLE MAPS EN TU WEB
calculadoras
iconos
Panel de mensajes instantáneos en tu web
Buscadores múltiples 1
Buscadores múltiples 2
buscador blogbar para tu web
publica tu web en google
publica tu web en msn
publica tu web en yahoo
trucos para msn
Windows Live Messenger en tu web
accesorios para moviles.celular
programas de mensajeria gratis
antivirus gratis
antiespias gratis
compresores gratis
cortafuegos gratis
programas p2p gratis
programas de grabacion gratis
Imagen, Diseño y Fotografía gratis
el video mas visto en youtube
Drivers
CD AIO para crear cds/dvds autoejecutables
Windows UE 7 (Unattended Edition)
Windows uE 9.5 Final Edition Español
 

texto

Color de "seleccion de texto" personalizado

 

 la web intenta una forma de conseguir con CSS cambiar el color de fondo de la selección de texto en nuestro blog.
Cuando pasamos el ratón sobre cualquier texto que queremos copiar, el navegador que estamos usando le aplica por defecto un color, aplicando unas líneas de código en la parte del css de nuestra plantilla, podremos escoger el color nosotros mismos.
Pero como casi todo tiene sus limitaciones, el efecto solo es válido, al menos de momento, en Firefox y en Safari.
Podéis ver un ejemplo en la página original del "truco" css tricks pasando el ratón como si fueseis a copiar el texto.

Aplicar el efecto a todo el blog

En la parte del CSS de nuestra plantilla, antes de ]]></b:skin> por ejemplo, colocamos estas líneas de código (en este ejemplo para el color amarillo):

::selection {
background: #fff2a8; /* Safari */
}
::-moz-selection {
background: #fff2a8; /* Firefox */
}


Aplicar el efecto solo en las entradas del blog

Las líneas del CSS que usaremos entonces serán estas (en el ejemplo de color naranja):

.post p::selection {
background: #FF9933 /* Safari */
}

.post p::-moz-selection {
background: #FF9933 /* Firefox */
}


Aplicar el efecto en una parte del blog concreta

[1] Colocaremos estas líneas de código en el CSS:
p.red::selection {
background: #ffb7b7;
}
p.red::-moz-selection {
background: #ffb7b7;
}


[2] Cada vez que queramos aplicar el efecto, hemos de añadir:

<p class="red"> ........ Aquí el contenido que luego se verá coloreado al pasar el ratón para marcarlo…………………… </p>


[3] Podemos pegar el último código en la plantilla de entrada, que está en "Configuración-formato" de nuestra plantilla, así lo tendremos siempre a mano cuando editemos una entrada y queramos usarlo para una parte de la misma, sino vamos a usarlo se borra y listo.

[4] En el ejemplo he escogido el color rojo (red), pero en CSS-Tricks, están también los códigos para el azul(blue) y el amarillo (yelow), aunque puede usarse cualquier color:

Azul
p.blue::selection {
background: #a8d1ff;
}
p.blue::-moz-selection {
background: #a8d1ff;
}


Amarillo
p.yellow::selection {
background: #fff2a8;
}
p.yellow::-moz-selection {
background: #fff2a8;
}

elcharcoazul.te ayuda Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis