Tutorial Tomado De Annyz Blog {annyzkawaiiworld.blogspot.com.ar} <33 data-blogger-escaped-a="" data-blogger-escaped-colores="" data-blogger-escaped-con="" data-blogger-escaped-cr="" data-blogger-escaped-ditos="" data-blogger-escaped-ella="" data-blogger-escaped-fonditos="" data-blogger-escaped-los="" data-blogger-escaped-modifica="" data-blogger-escaped-o="" data-blogger-escaped-scrollbar="" data-blogger-escaped-span="" data-blogger-escaped-todos="" data-blogger-escaped-tu="">
Scrollbar Con Dos Colores:

Plantillas Blogger: Pega El Siguiente Código Justo Arriba De ]]></b:skin>
Plantillas Clásicas/Blogskin: Pega El Siguiente Código Justo Arriba De </style>
::-webkit-scrollbar {height: 12px;width: 15px;background: #FA58D0; /* Color De Fondo Del Scrollbar */}
::-webkit-scrollbar-thumb {background: #00BFFF; /* Color Del Scrollbar */-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; /* Borde Del Scrollbar */}
Terminas De Editar, Guardas & Listo! >w<
Scrollbar Con Dos Fonditos:

Plantillas Blogger: Pega El Siguiente Código Justo Arriba De ]]></b:skin>
Plantillas Clásicas/Blogskin: Pega El Siguiente Código Justo Arriba De </style>
::-webkit-scrollbar {height: 12px;width: 15px;background-image:url(URL DEL FONDO);}
::-webkit-scrollbar-thumb {background-image:url(URL DEL FONDO);-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; /* Borde Del Scrollbar */}
Terminas De Editar, Guardas & Listo! >w<
~EXTRAS~
Forma/Border Radius:

Forma 1:
-Moz-border-radius: 5px; border-radius: 5px;
Forma 2:
-Moz-border-radius-bottomRight: 50px 25px; border-bottom-right-radius: 50px 25px; -Moz-border-radius-topLeft: 50px 25px; border-top-left-radius: 50px 25px;
Forma 3:
-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
Forma 4:
-Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; -Moz-border-left-bottomleft: 50px; border-bottom-left-radius: 50px;
Borde:

Solo Agregar Este Código Justo Debajo De ::-webkit-scrollbar-thumb {
border: 2px dashed #190707;
Tipos De Bordes:

Ya, Eso Es Todo! :D
Muy buena tutorial~
ResponderEliminarsaludos