martes, julio 29, 2014

Edita tu Scrollbar Modelo 3


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

1 comentario: