Cambiar la forma de la barra desplazadora

11:56


Hola que tal sean bienvenidos al blog de Tutos Lady Pink en esta ocasión les dejo esta información de como cambiar  la barra de desplazamiento de tu blog. 



Es algo muy sencillo y fácil de hacer recuerden que pueden encontrar mucha mas información en ayuda para tu blog  si la deseas ver da clic aquí o búscala desde el INDICE 

Pues bueno sin mas comenzamos:

  1. Entra a la pestaña de PLANTILLA
  2. Clic en EDICIÓN DE HTLM


  3. Clic en continuar

  4. Ahí busca ]]></b:skin>                                                                                             

    Recuerda puedes presionar en tu teclado Control + F para que te aparezca una pestañita nueva en una esquina la  cual te ayudara a buscar la parte de la plantilla que buscas mucho mas rápido. (es la que se muestra en la sig. imagen)
  5. Y antes de   ]]></b:skin>  pega el código ya modificado. 










::-webkit-scrollbar{background:(URL del fondo de la barra);width:10px;}
::-webkit-scrollbar-thumb {background:(URL de la barra);border:1px #fff solid;width:0px;}




Como modificar el código.

  • Pega el url de la imagen donde te señalo de color : 
    • La 1° que esta de rojo ahí va el fondo de la barra 
    • La 2° que esta de morado ahí va el fondo de la barra desplazadora
  • Puedes modificar el grosor del fondo o de  la barra 
    • Para modificar el tamaño del fondo cambia el valor de  width:10px;
    • Para modificar el grosor de la barra cambia el valor de  width:0px;
    • Para separar la barra desplazadora de la orilla modifica el valor de  border:1px

Comparte esta información

Tags:

TAMBIÉN PODRÍA GUSTARTE

2 comentarios

  1. Karii Daysjueves, 26 julio, 2012

    Que bello afiliamos ?? =D
    www.sweetlifekarii.blogspot.com

    ResponderEliminar
  2. Unknownlunes, 23 diciembre, 2013

    A mi no me sale el ]]> solo encuentro esto y lo pongo arriba de eso y cuando actualizo vista previa sale todo el codigo en la cabecera, ayudame por fas :D

    ResponderEliminar

Bienvenidos gracias por tu visita y comentario. Recuerda suscribirte para recibir actualizaciones en tu correo de lo nuevo de este blog y de las demás redes sociales de Tutos Lady Pink.


Welcome thanks for your visit and comment. Subscribe if you want to receive updates from this blog. Remember to visit the other social networking pink lady.


欢迎感谢您的访问和评论。
订阅如果您想收到这个博客的更新。
下次访问其他社会网络夫人粉色。