2 de enero de 2017

Tutorial: Editar la selección de texto

Primer tutorial del 2017. Este año prometo traer muy buenas cosas para que le hagan mucho cariño a sus blog. En esta oación les explicare como personalizar su "Texto selecionado"
Si seleccionas el texto del blog, tendrá el color  de fondo y de texto predeterminado del navegador, lo cuál es algo así:


Modificar el color de la selección es un truco muy fácil, solo debes de seguir los siguientes pasos:
Dirigente a:
  • Plantilla  Personalizar  Avanzado  Añadir CSS: y una vez ahí, pega el siguiente código:
/*--------- Selección / NSB------------- */
::-moz-selection {
background-color: #EBDEF0;
color: #000;
text-shadow: 0px 2px 0px #eee;
}
::selection {
background-color: #EBDEF0;
color: #000;
text-shadow: 0px 2px 2px #eee;
}
Guarda tu plantilla y listo. 

Tu selección, ahora tendrá este aspecto ↓ 
La fuente es diferente porque la cambie para el ejemplo final. Tengan en cuenta que en su blog el estilo de la fuente será la que tengan aplicada en su blog. 

El código:

  • Los estilos que se encuentra dentro de moz-selectionselection deben de ser iguales.
  • background-color: Es el color de la selección.
  • color:  Es el color del texto.
  • text-shadow: Es la sombra que le agregue al texto cuando es seleccionado. Si no quieres que tenga sombra cambia el 2 por 0. 

Y este es el primer tutorial de Enero/2017. Espero les guste.
Hasta la próxima...

Les envió muchos besos. Si quieren un tutorial en especifico solo pídanlo en los comentarios o llenen ESTE FORMULARIO...

No hay comentarios:

Publicar un comentario