Foros del Web » Creando para Internet » CSS »

Formato a un barra overflow

Estas en el tema de Formato a un barra overflow en el foro de CSS en Foros del Web. BUENOS DIAS TARDES O NOCHES... Buscando e imaginando, quiero saber si es posible cambiar el "formato" a una barra de desplazamiento... tengo mi web en ...
  #1 (permalink)  
Antiguo 25/09/2015, 16:36
 
Fecha de Ingreso: septiembre-2015
Ubicación: México
Mensajes: 5
Antigüedad: 9 años, 1 mes
Puntos: 0
Formato a un barra overflow

BUENOS DIAS TARDES O NOCHES...


Buscando e imaginando, quiero saber si es posible cambiar el "formato" a una barra de desplazamiento...

tengo mi web en html y estilos css pero quiero darle formato a la barra. Que cambie de color o sombra y otra apariencia, ya que la apariencia que tiene es la predeterminada

Si alguien me ayuda con el código y si es css o java o cualquier otra agradecería ...
  #2 (permalink)  
Antiguo 25/09/2015, 18:56
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Formato a un barra overflow

ahi te dejare 2 Scrollbar Custom para que uses la que quieras ;)

By AngelKrak:
Código CSS:
Ver original
  1. ::-webkit-scrollbar{
  2.   width:10px;
  3.   height:10px;
  4.   background-color:#eee;
  5. }
  6. ::-webkit-scrollbar-thumb{
  7.   background-color:#2BA4D6;
  8.   border-radius: 10px;
  9.   -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.);
  10. }

Demo:
http://codepen.io/AngelKrak/pen/xFDwi


By KaoruMishimaru:
Código CSS:
Ver original
  1. ::-webkit-scrollbar-track
  2. {
  3.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  4.     background-color: #000;
  5. }
  6.  
  7. ::-webkit-scrollbar
  8. {
  9.     width: 5px;
  10.     background-color: #000;
  11. }
  12.  
  13. ::-webkit-scrollbar-thumb
  14. {
  15.     background: rgba(255, 255, 255, .5);
  16.     border-radius: 5px;
  17. }

Demo:
http://codepen.io/KaoruMishimaru/pen/QjbGoK

Etiquetas: barra, color, formato, html, overflow
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 12:39.