Modelo de la barra desplazadora o scrollbar


¡Hello! como andan? espero de lo mejor <3
Les traigo un modelo de barra desplazadora muy linda y fácil de poner.

Vamos con el modelo y tutorial //
Créditos: AMARYMIAUBLOG

Este es el scrollbar original, es la barra desplazadora, se le puede cambiar, decorarla a nuestra forma, cambiar ancho, color etc.


Les traigo un tutorial de como dejarla de está forma:
PREVIA:


Plantilla | Editar HTML | CTRL + F

Buscas:

]]></b:skin>

Arriba o antes de ese código ponemos el siguiente:

::-webkit-scrollbar {
height: 12px;
width: 10px;
background: #ffcbd2;
}
::-webkit-scrollbar-thumb {
background: #CEC0DA;
border-bottomRight: 50px; border-bottom-right: 50px; border-topLeft: 50px; border-top-left: 50px;
}

Editar:
Rojo: Fondo del scrollbar
Azul: El color de la barrita que se desliza.






¡Espero les allá gustado!
Recuerden dejar su comentario, me harían muy feliz, sigan el blog para más <3
Recuerden igual los créditos, por favor!
Si tienen algún problema poniendo el scroballr comentelo y estaría encantada de ayudar :-)


¡Hasta luego! gracias por leer.

4 comentarios:

  1. Hola mi loquera/o!!
    gracias por los codigos! siempre se me pierden! ahora que los encontre de nuevo jajaja los guardare para la proxima :3

    y esto es todo! *3*

    ResponderEliminar

¡Hey, gracias por leer la entrada!

Para que no tengas ningún problema/duda:

- Deja tu comentario referente a la entrada.
- Para las afiliaciones: ir a su sección (Afiliame/Afiliados)
- Comenta con respeto.
- No SPAM.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta o escríbeme a mi correo para ayudarte.
- Sí tienes algún problema conmigo, ya sea por créditos, derechos de autor o otro, escríbeme a mi correo.

- Símbolos:
☯♠♤♣♧ ♥♡♦♢♔ ★✖ ✗✘✌✿☽ ☾♩ ♪ ♫ ♬ ✧ ❝❞ ❀ ❄

- Emojis:
(>‿◠)✌ (✿◠‿◠) (▰˘◡˘▰) ( ͡° ͜ʖ ͡°) (≧∀≦) ( ˘ ɜ˘) (・w・)[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅] (ノ◕ヮ◕)ノ*:・゚✧ ( ͡° ʖ̯ ͡°) ( ͡° ᴥ ͡°) ヽ(゚▽゚*)乂(*゚▽゚)ノ

Recuerda dejar tu comentario + la URL de tu blog para poder visitarlo.
- (No cuenta como SPAM)

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada, actualizo cada semana o cuando pueda.

Contacto:
gladiuskagg@gmail.com

¡Saludos!

-Glad.