Selección | Enchula tu Blog

Feliz Inicio de Fin de Semana 

Con la idea de compartirles algunas cosas de las que aprendí mientras enchule/personalice/decore varios blogs, incluyendo el mio, pues vengo con un tutorial más.

Me dí cuenta que hay pocos tutoriales donde se enseñen cositas sencillas y fáciles, que pueden no ser gran cosa pero le dan ese toque personal y unico a nuestro blog.

Espero les guste y sobre todo que les sirva.

Besos 

NOTA: Antes de realizar cualquier modificación es recomendable realizar una copia de seguridad de su plantilla por si ocurre cualquier desastre puedan remediarlo sin ningún problema.

Este tutorial consiste en cambiar el color azul que se coloca cuando estamos seleccionado algo por otro diferente y que sea más acorde con el diseño de tu blog. 

Sería algo así: 

 

1. Ir a Plantilla  --> Editar HTML

2. Das un click en la parte de los código y Control + F, con eso te sale un recuadro de Search.

3. En ese recuadro de busqueda pones ]]></b:skin> y enter. 

4. Justo encima de ese código colocamos el siguiente codígo. 

::-moz-selection  { Background: #3b5998; color: #fff; text-shadow: none;  } 
::selection   { background: #3b5998; color: #fff; text-shadow: none;  } 

Solo tendrías que modificar los colores:
#3b5998: Aquí modificas el color que deseas para la selección. Para que se vea tienes que poner el mismo código tanto arriba como abajo. 
#fff: Este es el color de la letra que se vería al seleccionarla palabra o frase, También debe ir el mismo codigo arriba y abajo.

RECOMENDACIÓN:

Busquen un color que combine y armonice con los colores de su diseño, que no sea muy oscuro para que se puedan apreciar las letras o si lo pones muy oscuro poner el color de la letra claro para que haga contraste.

Además les recomiendo esta pagina para que obtengan el código del color que desean.

5. Cuando ya tengas modificado tu código, das en Guardar Plantilla y Listo!

QUE LES PARECIÓ??