[Blogskin] Tutorial: Como modificar la barra lateral scrollbar
Busca ::-webkit-scrollbar { y ::-webkit-scrollbar-thumb { en tu Plantilla
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;
}
Bien en caso de que no vengan estos codigos en tu plantilla entonces busca el codigo body { y justo arriba pon el codigo del punto 2).
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 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
Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye
Etiquetas: ♪ Blogskin
Visita mi otro blog AITOKAWAII y encuentra material.
|
[Blogskin] Tutorial: Como modificar la barra lateral scrollbar
Busca ::-webkit-scrollbar { y ::-webkit-scrollbar-thumb { en tu Plantilla
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;
}
Bien en caso de que no vengan estos codigos en tu plantilla entonces busca el codigo body { y justo arriba pon el codigo del punto 2).
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 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
Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye
Etiquetas: ♪ Blogskin
|