jueves, 7 de agosto de 2014

Como añadir una scrollbar a tu blog

Holaa :) mil disculpas no pude publicar, estaba con el diseño y no he terminado pero bueno

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)


  1. -Moz-border-radius: 5px; border-radius: 5px;
  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;
  3. -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;
  4. -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; -Moz-border-left-bottomleft: 50px; border-bottom-left-radius: 50px;


Creditos a kumy y annyz♥

esto fue todo bye! :3

No hay comentarios.:

Publicar un comentario

Bienvenida a mi blog ^^ espero que te guste el blog y que tu comentario sea respetuoso, me alegraría mucho si comentaras
Aqui hay emoticones para comentar:
(✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (。♥‿♥。) (✿ ♥‿♥) (≧◡≦) (¬ u ¬) (◑‿◐) (◕‿-) (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬) (∪ ◡ ∪) (≧ω≦) o(≧o≦)o (⋋▂⋌) (╯ಊ╰) (─‿‿─)

love

Purple Bow Tie