Estilo Css de Pestañas


([N2] ramiro) #1

Buenos dias:

Estoy probando un programa en Ubuntu 14-04 LTS y me gusta el aspecto que muestra la pestaña activa (ver imagen)
Es cosa de Linux, yo no he hecho nada, pero me gustaría poder reproducirlo en otros sistemas…

¿Alguien sabe como podría conseguirse con CSS?

Saludos y Felices Fiestas


([N2] ramiro) #2

Parece que la imagen no subió…
A ver si lo consigo ahora.



([N3] NexusFireMan) #3

Buenos días Ramiro,

Para poder realizar eso tendrías que jugar con varias etiquetas de CSS, algunas pueden ser:

/* Pestañas de apertura central */
QTabWidget::pane{
background: transparent;
border: none;
}
QTabWidget::tab-bar{
alignment: Center;
}
QTabBar{
background: transparent;
}
QTabBar::tab{
background: white;
min-width: 30px;
padding: 5px;
margin: 5px 2px;
}
QTabBar::tab:hover:!selected {
background: lightgreen;
margin-top: 5px;
}
QTabBar::tab:!selected {
Background: lightgrey;
margin-top: 8px;
}

Luego ya depende el estado y otras cuestiones, puedes echar un ojo también a este hilo http://velneo.es/foros/topic/css-qtabwidget/ en el se habla de las pestañas.

Un saludo.