Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] como crear un scrollbar personalizado

Estas en el tema de como crear un scrollbar personalizado en el foro de CSS en Foros del Web. mi pregunta es como puedo diseñar un scrollbar al estilo de twitter o facebook, que son mucho mas finos, y pequeños, ya que me resulta ...
  #1 (permalink)  
Antiguo 12/10/2012, 15:02
 
Fecha de Ingreso: septiembre-2012
Mensajes: 73
Antigüedad: 11 años, 7 meses
Puntos: 0
Pregunta como crear un scrollbar personalizado

mi pregunta es como puedo diseñar un scrollbar al estilo de twitter o facebook, que son mucho mas finos, y pequeños, ya que me resulta util , para colocar en una columna de una tabla, donde la tabla contiene muchos bloques de info.
  #2 (permalink)  
Antiguo 12/10/2012, 21:31
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: como crear un scrollbar personalizado

Creo que hay muchas páginas con ese tema, y si haces una busqueda en este foro seguro conseguiras algo.

Por lo pronto te recomiendo el blog de kseso:
http://ksesocss.blogspot.com/2012/09...onalizado.html
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 14/10/2012, 15:56
 
Fecha de Ingreso: septiembre-2012
Mensajes: 73
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: como crear un scrollbar personalizado

muchas gracias por tu respuesta. leeré la pagina, :D..
  #4 (permalink)  
Antiguo 20/01/2013, 19:57
 
Fecha de Ingreso: septiembre-2012
Mensajes: 73
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: como crear un scrollbar personalizado

lo solucione con css. y lo adapte a lo que queria

Código CSS:
Ver original
  1. /* For the "inset" look only */
  2. html {
  3.     overflow: auto;
  4. }
  5.  
  6.  
  7. /* Let's get this party started */
  8. ::-webkit-scrollbar {
  9.     width: 5px;
  10.     height: 5px;
  11. }
  12.  
  13. /* Track seguimiento*/
  14. ::-webkit-scrollbar-track {
  15.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  16.     -webkit-border-radius: 10px;
  17.     border-radius: 10px;
  18. }
  19. /* boton de scrollbar
  20.  
  21. ::-webkit-scrollbar-button:start:decrement,
  22. ::-webkit-scrollbar-button:end:increment {
  23.     background-color:#CCC;
  24. display: block;
  25. height: 20px;
  26. }*/
  27.  
  28. /* Handle  manipular scroll*/
  29. ::-webkit-scrollbar-thumb {
  30.     -webkit-border-radius: 10px;
  31.     border-radius: 10px;
  32.  
  33.     background: rgba(255,77,0,0.8);
  34.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  35. }
  36. ::-webkit-scrollbar-thumb:window-inactive {
  37.    
  38.     background: rgba(255,77,0,0.4);
  39.    
  40.    
  41. }
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:39.