3 may 2014

Modificar Scrollbar

                 
Hola  mis Caramelos Como Estan Disculpen ., Por No Haber Publicado ... Jeje Les Traigo Un Tuto .

Ej :













1 Busca la palabra scrollbar en Diseño >> Edicion de HTML y tal vez te salga este codigo

::-webkit-scrollbar {               o::-webkit-scrollbar-thumb {

2 Estos son los que se modificaran de tal modo que quedaría asi

::-webkit-scrollbar {height:8px;width: 8px;background:#F8E0F1;}::-webkit-scrollbar-thumb {background-color:#FF94F3;-moz-border-radius: 10px;border-radius: 0px;}



3  Bien en caso de que no esta el codigo scrollbar entonces busca el codigo body { y justo arriba pon el codigo del punto bajo body {).

4 Te quedara asi

::-webkit-scrollbar {height:8px;width: 8px;background:#F8E0F1;}::-webkit-scrollbar-thumb {background-color:#FF94F3;-moz-border-radius: 10px;border-radius: 0px;}
body {background:url(Tu url de fondo);font-family: tu tipo de letra;background-attachment:fixed;cursor: url(tu cursor), auto;}

 Bien les explico los terminos para que lo hagan como ustedes quieran


::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}

8px >> Ambos deben ser iguales!! Es el tamaño de la barra que Lo Pueden Cambiar  .

#F8E0F1 >> Fondo de la barra. Es el color claro.

#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.

10px >> Los pixeles de el radio.. te recomiendo dejarlo asi, pero igual experimenta hasta que quede como gustas!

Y Listo Cualquier Duda Dejen Un Comentario Adios 

Creditos : kawaii

                                               

No hay comentarios.:

Publicar un comentario

Hola Konichiwa Espero Que Comentes Algo Lindo o3o Lind@ Bueno Espero Que Te Guste este Post Y Todos Los Post Bueno Sigueme Para Saber Cuando Actualizo .. Saludines \(o3o)/