Ya tengo ordenador.
Ya tengo Photoshop.
Ya tengo nuevo diseño en curso.
TKB parece que va bien, (esperemos que por mucho tiempo) y quería retomar los tutoriales.
Ya que nunca había hecho tutoriales de scrollbar, he pensado en hacerlo ahora.
Esta scrollbar la vi en el blog de Kumy y le llevo usando mucho tiempo, es la scrollbar que más me gusta de todas las que he probado o por lo menos una de ellas, así que créditos a Kumy :3.
La scrollbar es sencillita, muy linda, no ocupa mucha pantalla ya que es muy finita y eso es un plus que amo.
Sin más dilación, ¡vamos al tutorial!:
Para este tutorial, se pueden usar dos cosas: Javascript(no recomendado) o HTML(recomendado)
Para Javascript haremos lo siguiente;
<style>:-webkit-scrollbar{ width:7px;height:7px;} /* Largura da barra */ ::-webkit-scrollbar-track-piece{background-color:#fff;} /* Fondo de la barra larga */ ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#6b8bba; /* Estilos da barra vertical */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */ ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#6b8bba; /* Estilos de la barra horizontal */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */</style>
Versión HTML:
::-webkit-scrollbar{ width:7px;height:7px;} /* Largura da barra */ ::-webkit-scrollbar-track-piece{background-color:#fff;} /* Fondo de la barra larga */ ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#6b8bba; /* Estilos da barra vertical */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */ ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#6b8bba; /* Estilos de la barra horizontal */ box-shadow: inset 1px 1px 0px #fff; border: 1px solid #6b8bba; /* Borde de la barra */ }
Y pues ya!, ya tendrás tu nueva scrollbar en tu blog :3
Muchos besos, bye!
No hay comentarios:
Publicar un comentario
Hola :)
Antes que nada,quería deciros que no insulteis ni causeis spam,hay que ser respetuoso,amigos :)