Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: ferdi342 en 09 de Mayo de 2012, 21:14:22 pm
-
Hola, estaba probando de cambiar el diseño de lo que seria la scrollbar (barra de desplazamiento web), he encontrado en varias webs el mismo código CSS:
<style type="text/css">
body {
scrollbar-arrow-color: white;
scrollbar-base-color: white;
scrollbar-dark-shadow-color: #000080;
scrollbar-track-color: #0080C0;
scrollbar-face-color: #000080;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3d-light-color: a;
}
</style>
Indican que hay que meterlo entre las etiquetas body, he estado probando cambiar colores y demás, pero no he obtenido ni un solo cambio, en las mismas webs dónde he encontrado dicho código, a la gente tampoco le cambia el color, ni el diseño, vamos nada.
EDITO: Por lo que he podido leer en los comentarios de dichas webs, este código se usaba para digamos.. cuando casi todos usábamos Windows XP + IE, así que supongo que ya no funcionará, aún así agradezco la ayuda.
¿Alguno/a, ha intentado llevar a cabo esto antes y ha podido lograrlo?, si es así me gustaría que me ayudara.
Gracias de antemano,
Saludos.
-
¿Y has probado a meterlo en las etiquetas <head>? Por lo menos yo meto ahí el codigo css
-
¿Y has probado a meterlo en las etiquetas <head>? Por lo menos yo meto ahí el codigo css
Sí, ahí también he probado ;)
-
Chrome en CSS3 permite editar los scroll bajo su propiedad webkit.
Saludos.
-
Yo tengo esto en mi web para modificar el scrollbar.
Como dice SoyJoaquin. , solo funciona en Chrome.
/**
** Scrollbar
*/
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: block;
}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
::-webkit-scrollbar-button:vertical:increment {
background-color: #585858;
}
::-webkit-scrollbar-button:vertical:decrement {
background-color: #585858;
}
::-webkit-scrollbar-track-piece {
background-color: #848484;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #585858;
}
-
Gracias SoyJoaquin. y ilovepixel.
ilovepixel, ¿me permites usar tu código?, y si es así, ¿va como un style normal?, entre head y head vamos.
K+ a los 2.
Saludos.
-
Claro, ocupalo. Yo lo tengo adjuntado en un .css externo en el tag head.