Autor Tema: [AYUDA] Diseño Scrollbar  (Leído 979 veces)

Desconectado ferdi342

  • PHPero Experto
  • *****
  • Mensajes: 734
  • Karma: 8
  • Sexo: Masculino
  • Gúgol
    • Ver Perfil
    • Google - La solución a todo
[AYUDA] Diseño Scrollbar
« 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:

Código: [Seleccionar]
<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.
« Última modificación: 09 de Mayo de 2012, 21:16:51 pm por ferdi342 »
A veces hay que dejar terminar cosas buenas para que empiecen mejores, How I Met Your Mother

Comunidad PHPeros

[AYUDA] Diseño Scrollbar
« en: 09 de Mayo de 2012, 21:14:22 pm »

Desconectado ivan m

  • PHPer@
  • **
  • Mensajes: 64
  • Karma: 0
  • Sexo: Masculino
  • Aprendiendo PHP!
    • Ver Perfil
    • Iván M.Z.
Re:[AYUDA] Diseño Scrollbar
« Respuesta #1 en: 09 de Mayo de 2012, 21:44:11 pm »
¿Y has probado a meterlo en las etiquetas <head>? Por lo menos yo meto ahí el codigo css
Proyectos actuales:[/b]
Generador de skates - v1 Terminada, empezando v2

Desconectado ferdi342

  • PHPero Experto
  • *****
  • Mensajes: 734
  • Karma: 8
  • Sexo: Masculino
  • Gúgol
    • Ver Perfil
    • Google - La solución a todo
Re:[AYUDA] Diseño Scrollbar
« Respuesta #2 en: 09 de Mayo de 2012, 22:32:27 pm »
¿Y has probado a meterlo en las etiquetas <head>? Por lo menos yo meto ahí el codigo css

Sí, ahí también he probado ;)
A veces hay que dejar terminar cosas buenas para que empiecen mejores, How I Met Your Mother

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[AYUDA] Diseño Scrollbar
« Respuesta #3 en: 09 de Mayo de 2012, 22:46:21 pm »
Chrome en CSS3 permite editar los scroll bajo su propiedad webkit.
Saludos.
Twitter: @JoakoM010



Desconectado ilovepixel

  • PHPer@ Fijo
  • ***
  • Mensajes: 149
  • Karma: 9
  • Sexo: Masculino
  • Game Artist & Developer
    • Ver Perfil
    • i ■ pixel
Re:[AYUDA] Diseño Scrollbar
« Respuesta #4 en: 09 de Mayo de 2012, 23:21:51 pm »
Yo tengo esto en mi web para modificar el scrollbar.
Como dice SoyJoaquin. , solo funciona en Chrome.
Código: [Seleccionar]
/**
** 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;
}

Desconectado ferdi342

  • PHPero Experto
  • *****
  • Mensajes: 734
  • Karma: 8
  • Sexo: Masculino
  • Gúgol
    • Ver Perfil
    • Google - La solución a todo
Re:[AYUDA] Diseño Scrollbar
« Respuesta #5 en: 09 de Mayo de 2012, 23:27:24 pm »
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.
A veces hay que dejar terminar cosas buenas para que empiecen mejores, How I Met Your Mother

Desconectado ilovepixel

  • PHPer@ Fijo
  • ***
  • Mensajes: 149
  • Karma: 9
  • Sexo: Masculino
  • Game Artist & Developer
    • Ver Perfil
    • i ■ pixel
Re:[AYUDA] Diseño Scrollbar
« Respuesta #6 en: 09 de Mayo de 2012, 23:54:47 pm »
Claro, ocupalo. Yo lo tengo adjuntado en un .css externo en el tag head.