Aitokawaii


ENTRADAS ABOUT AMIGOS MATERIAL TUTORIALES Extras FCBOOK TWITTER Inicio

[Tutoriales] Como modificar la barra lateral scrollbar
jueves, 26 de julio de 2012 | 18:48

Bien han notado como se ve la barra scrollbar que esta de lado derecho del blog. Bien ahora esta de color rosa... el nuevo look sera azul.. Pero como hacerlo, aqui les explicare!!


 Pedido por To



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 quede 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 venga el codigo scrollbar entonces busca el codigo body { y justo arriba pon el codigo del punto 2).


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;
}

5) 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 no sobrepase del 10px para que no se vea muy grueso.


#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!


Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores



6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye 

Etiquetas:


1 boyfriend[s] | volver arriba




|