Esto es la Scroll Bar
Forma en color
1.Ve a plantilla
HTLM>>CTRL+F>>Buscar ]]></b:skin>
Y lo pegamos arriba de ]]></b:skin>::-webkit-scrollbar {
height: 12px;
width: 15px;
background: #FA58D0;}
::-webkit-scrollbar-thumb {
background: #00BFFF;-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;}
Editemos :3
Verde--Es el color de tu scroll bar
Azul--es el tipo de scroll bar
HTLM>>CTRL+F>>Buscar ]]></b:skin>
Scroll Bar con fondos
Y lo pegamos arriba de ]]></b:skin>
::-webkit-scrollbar {
height: 12px;
width: 15px;
background-image:url(URL Kawaii);
}
::-webkit-scrollbar-thumb {
background-image:url(URL Kawaii);
-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
}
Editemos:
Rosa--La url del fondo kawaii
Azul--el tipo de scroll bar n.n
Aqui los tipos de scroll bars
(esto es del blog de anniz)
- -Moz-border-radius: 5px; border-radius: 5px;
- -Moz-border-radius-bottomRight: 50px 25px; border-bottom-right-radius: 50px 25px; -Moz-border-radius-topLeft: 50px 25px; border-top-left-radius: 50px 25px;
- -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
- -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; -Moz-border-left-bottomleft: 50px; border-bottom-left-radius: 50px;
Creditos
Anniz-blog
Que chula.esta tuto...gracias...
ResponderEliminar¡Gracias! La pondré cuando tenga tiempo.
ResponderEliminarWaaa,que util^^ gracias:) por cierto,tienes dos premiso en mi blog,los estoy acabando,asi que si te metes y no están,es porque estoy en ello,pero para hoy los tendré^^
ResponderEliminarBesitos de miel^^y me gusta mucho tu blog!!
Alicia
ok pues mientras visitare tu blog
EliminarNo me sirvio D:
ResponderEliminarsera ke tienes una plantilla clasica o lo hiciste mal
Eliminarhola lorena :3
Eliminaryo tengo un truco cuando los gadgets html no me sirven :3
Bueno Primero tienes que buscar ]]> despues e subiendo poco a poco haste encontrar el primer codigo que agregaste o hasta llegar a
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
)
pegas el codigo de bajo de eso y listo ;3
border-$startSide: 1px solid $(tabs.border.color);
Yo tengo Picture Window y no me funciona :$
ResponderEliminarpues eso no se como arreglarlo mmm no se x.x sorry
Eliminarque feliz soy me salio!!!!! mil gracias por el tuto me encanto.Amo tu blog
ResponderEliminarHola! Gracias por el tuto, lo utilicé para un blog que estoy creando.
ResponderEliminarJa ne! ♥ (Muy bonito tu blog n.n)
hola reina soy una principiante y si te digo la verdad no entiendo ni la mitad de las cosas que me dices jejej, pero voy cogiendo. ahora solo quiero saber que es un Scroll Bar y para que sirve. gracias y felicidades por tu blog
ResponderEliminarHola lo primero gracias por visitarme y lo de que es una scroll bar tienes una imagen arriba que te dice lo que es esto es solo para decorarla y que no quede mal o fea :)
Eliminar