Modelo de la barra desplazadora o scrollbar


¡Hello! como andan? espero de lo mejor C:
Ya he puesto muchos modelos, a muchos me refiero a 'tres' xD
tal vez les comparta algunos recursos, ademas he estado editando icons y headers para mi pagina en fb, y la verdad ha resultado bien.. no se si les interesa igual les muestro foto:


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 uwu <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!

- Sí vas a dejar un comentario que sea referente a la entrada.
- Comenta con respeto.
- No spam.
- No malas palabras.
- Respeta al administrador y a los usuarios del blog.
- Sí tienes problemas con un tutorial comenta, para poder ayudarte.

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

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

Recuerda dejar la URL de tu blog para poder visitarlo.

Sí te gusto la entrada no olvides seguir el blog, así no te pierdes ninguna entrada.

Contacto:

(para cualquiera cosa idk)

gladiuskagg@gmail.com
-Glad.