# \[Css\] Scrollbar en rejillas

**URL:** <https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262>\
**Category:** Velneo\
**Created:** [3 Abril, 2012 17:30 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262 "2012-04-03T17:30:08Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [3 Abril, 2012 17:30 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262/1 "2012-04-03T17:30:08Z")

</div>

Buenas tardes,  
se que ya se publico pero no consigo encontrarla con la búsqueda, puede que no tenga etiquetas.  
La cuestión es que quiero agrandar el scroll de las rejillas para poder usarlas de manera más cómoda en una aplicación para tablet.  
¿Cúal sería el css a aplicar?

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/c/c426aeafd6b37578c574d53901fac0b0c246a7b3.jpg)

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/5/50c743058d44dfede5af7c779524cb559283a552.jpg)

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/c/c426aeafd6b37578c574d53901fac0b0c246a7b3.jpg)

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/5/50c743058d44dfede5af7c779524cb559283a552.jpg)

---

<div class="post-metadata">

**Author:** ![velavisual1](https://avatars.discourse-cdn.com/v4/letter/v/dbc845/32.png) [@velavisual1](https://foros.velneo.com/u/velavisual1)\
**Post date:** [3 Abril, 2012 17:38 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262/2 "2012-04-03T17:38:52Z")

</div>

@manuel  
.  
Prueba este css, es el que yo uso:  
.  
.  
"  
QScrollBar:vertical { /\*Fondo scroll\*/  
background: c8c6c3 url(estilo\_grano/scroll\_img\_arriba.png) no-repeat;  
background-color: qlineargradient(y1:0, x1:0, y2:0, x2:1,  
stop:0 #c6c6c6, stop: 0.5 #f7f7f7,  
stop: 0.6 #f7f7f7, stop:1 #d0d0d0);  
width: 55px;  
margin: 0 0 50px 0px;  
padding-top: 51px;  
}  
QScrollBar::handle:vertical { /\*Controla el scroll del medio\*/  
background: qlineargradient(y1:0, x1:0, y2:0, x2:1,  
stop:0 #e8e8e8, stop: 0.5 #cfcfcf,  
stop: 0.6 #cecece, stop:1 #b9b9b9);  
border: 1px solid #847a6c;  
border-radius: 15px;  
min-height: 28px;  
max-height: 28px;  
margin-right: 1px;  
margin-left: 1px;  
margin-bottom: 1px;  
}

QScrollBar::sub-line:vertical { /\*Boton arriba\*/

height: 50px;  
subcontrol-position: top;  
subcontrol-origin: margin;  
position: absolute;  
bottom: 50px;  
}  
QScrollBar::add-line:vertical { /\*Boton abajo\*/

height:50px;  
subcontrol-position: bottom;  
subcontrol-origin: margin;

}  
QScrollBar:up-arrow:vertical, QScrollBar::down-arrow:vertical {  
}  
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {  
background: none;  
}"

.  
saludos  
Antonio Vela  
http://www.velavisual.com

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [3 Abril, 2012 17:42 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262/3 "2012-04-03T17:42:54Z")

</div>

Perfecto @velavisual,  
ahora modifico un poco y listo. He visto que usar imagenes también. ¿Sería posible usarlas?

---

<div class="post-metadata">

**Author:** ![velavisual1](https://avatars.discourse-cdn.com/v4/letter/v/dbc845/32.png) [@velavisual1](https://foros.velneo.com/u/velavisual1)\
**Post date:** [3 Abril, 2012 17:50 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262/4 "2012-04-03T17:50:05Z")

</div>

@manuel  
.  
Te adjunto imagen usada en el css y un pantallazo de como queda.  
.  
. No me he puesto a cambiar mucho las imágenes, pero si, puedes usarlas, creo.  
.  
saludos  
Antonio Vela  
http://www.velavisual.com

[attachment=22540,1744] [attachment=22540,1745]

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [3 Abril, 2012 18:15 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262/5 "2012-04-03T18:15:46Z")

</div>

Vale, estas como yo, realmente no estas usando la imagen, pero no te ha cambiado el botón superior. Pero bueno, así también me gusta como queda.

Muchísimas gracias.

---

<div class="post-metadata">

**Author:** ![wilberhl](https://avatars.discourse-cdn.com/v4/letter/w/e47c2d/32.png) [@wilberhl](https://foros.velneo.com/u/wilberhl)\
**Post date:** [3 Abril, 2012 20:15 UTC](https://foros.velneo.com/t/css-scrollbar-en-rejillas/4262/6 "2012-04-03T20:15:13Z")

</div>

te referias a esta http://velneo.es/foros/topic/qscrollbar