-
 KDE-Apps.org Applications for the KDE-Desktop 
 GTK-Apps.org Applications using the GTK Toolkit 
 GnomeFiles.org Applications for GNOME 
 MeeGo-Central.org Applications for MeeGo 
 CLI-Apps.org Command Line Applications 
 Qt-Apps.org Free Qt Applications 
 Qt-Prop.org Proprietary Qt Applications 
 Maemo-Apps.org Applications for the Maemo Plattform 
 Java-Apps.org Free Java Applications 
 eyeOS-Apps.org Free eyeOS Applications 
 Wine-Apps.org Wine Applications 
 Server-Apps.org Server Applications 
 apps.ownCloud.com ownCloud Applications 
--
-
 KDE-Look.org Artwork for the KDE-Desktop 
 GNOME-Look.org Artwork for the GNOME-Desktop 
 Xfce-Look.org Artwork for the Xfce-Desktop 
 Box-Look.org Artwork for your Windowmanager 
 E17-Stuff.org Artwork for Enlightenment 
 Beryl-Themes.org Artwork for the Beryl Windowmanager 
 Compiz-Themes.org Artwork for the Compiz Windowmanager 
 EDE-Look.org Themes for your EDE Desktop 
--
-
 Debian-Art.org Stuff for Debian 
 Gentoo-Art.org Artwork for Gentoo Linux 
 SUSE-Art.org Artwork for openSUSE 
 Ubuntu-Art.org Artwork for Ubuntu 
 Kubuntu-Art.org Artwork for Kubuntu 
 LinuxMint-Art.org Artwork for Linux Mint 
 Frugalware-Art.org Artwork for Frugalware Linux 
 Arch-Stuff.org Artwork and Stuff for Arch Linux 
 Fedora-Art.org Artwork for Fedora Linux 
 Mandriva-Art.org Artwork for Mandriva Linux 
--
-
 KDE-Files.org Files for KDE Applications 
 OpenTemplate.org Documents for OpenOffice.org
 GIMPStuff.org Files for GIMP
 InkscapeStuff.org Files for Inkscape
 ScribusStuff.org Files for Scribus
 BlenderStuff.org Textures and Objects for Blender
 VLC-Addons.org Themes and Extensions for VLC
--
-
 KDE-Help.org Support for your KDE Desktop 
 GNOME-Help.org Support for your GNOME Desktop 
 Xfce-Help.org Support for your Xfce Desktop 
--
openDesktop.orgopenDesktop.org:   Applications   Artwork   Linux Distributions   Documents    LinuxDaily.com    Linux42.org    OpenSkillz.com    Open-PC.com   
Ubuntu-Art.org - Artwork for Ubuntu
Ubuntu-Art.orgUbuntu-Art.org

 Sep 1 2014  
 Not logged in  
Ubuntu-Art.org
 Home    Add Artwork   Forum   Groups   Knowledge   Events   Jobs   Users   Register   Login-

-
- Group .- Group members (7) . 

QSS


Qt
Description:

QSS or Qt Style Sheets are a powerful way of themeing
any qt4 app.

General info: http://cartan.cas.suffolk.edu/qtdocs/stylesheet.html
Reference: http://doc.qt.nokia.com/4.6/stylesheet-reference.html
Examples: http://doc.qt.nokia.com/4.6/stylesheet-examples.html

to apply a sheet to a qt4 app just add the -stylesheet
flag to the command like thi:

dolphin -stylesheet /path/to/stylesheet.qss

This group is for discussing qt style sheets.

//Robert

Members:7
Comments:10
Created:Jun 22 2010
Changed:Jun 22 2010
Readability:readable for everybody
Membership:everybody can join

Invite people to join
Join group
Activate message notification



-

 Great!

 
 by TheRob on: Jul 2 2010
 
Score 50%

...I'm talking to myself here I c. Stuff
like hating windows seems to have a very
high interest here. Styling apps - not so
much. :(

Anyways, an example of a app that has built
in support for qss, loopy:
http://kde-apps.org/content/show.php/Loopy?content=120880

It would be great if more qt4 apps would
have this support out of the box, this
way we wouldn't have to use the extra
-stylesheet flag every time we want the
stylesheet to be applied. I find it hard
to believe that there isn't need for this
type of discussion tho :S

//Robert


"life sucks, get a f***ing helmet alright!" -Denis Leary
Reply to this

-
.

 Re: Great!

 
 by thibaut28 on: Jul 10 2010
 
Score 50%

Not anymore :)

I never tried skinning this way, but this seems to be really promising. With the CSS terminology anyone able to code a website could design is own qt theme.

I'll try this asap...


Reply to this

-

 Re: Re: Great!

 
 by TheRob on: Jul 11 2010
 
Score 50%

Indeed, plus you get gradients and cool
stuff css2 does not, css3 does tho, but
when will that hit the market?

Using this technique I skinned dolhin in
a finderish way (just to see if I could):
http://kde-look.org/content/show.php/Haxsder?content=126210
Still workin on it tho :)

There are some downsides tho, you can only
apply the stylesheet to one app with the
-stylesheet flag. One would have to write
a qstyle that loads a stylesheet to have
it globally in all apps (not sure if that
is even desired).

The fullscreen interface in gwenview seems
to be done with qss also :)

//Robert


"life sucks, get a f***ing helmet alright!" -Denis Leary
Reply to this

-
.

 Re: Re: Re: Great!

 
 by thibaut28 on: Jul 11 2010
 
Score 50%

Wow, really impressive dolphin !! ;)
I started working on a port of the SL nuala theme, I feel like skinning GTK, for the first time with QT. I started out with the pagefold theme, available here : http://cpansearch.perl.org/src/CBUREL/Qt4-0.60_b1/examples/widgets/stylesheet/qss/. Images used are upper in the hierarchy. Do you know any way to have the CSS3 feature text-shadow ? By the way setting the QSS file with the CSS extension doesn't cause any problems, it's easier to lookat within editors, because of syntax coloring and you can use it in the commandline also. Also, you can set in the control panel the Default applications you want to use, which means you can set up KDE to use dolphin with the stylesheet arg ;).


Reply to this

-

 Re: Re: Re: Re: Great!

 
 by TheRob on: Jul 12 2010
 
Score 50%

Thx. Yeah nuala is great indeed, I guess
it's gonna be pretty straightforward
porting it to qss, however, the only thing
I see problems with are the connected
toolbuttons as this is afaik not possible
with qss, (I use bespin for these).

It is a lot like themeing gtk with pixmap
engine indeed, with much more power tho.

The text-shadow feature is not currently
available (very very big sad smiley here)
and I have no idea if planned, same goes
for the box shadow I guess.

Nice to know about the css extensions, it's
pain indeed to always has to click manually
the color coding in kate.

A dude actually pointed this out to me
before that one can change this in the
systemsettings, however, I still use a
launcher on the panel with the stylesheet
flag, I need occasionally to start dolphin
clean without stylesheet to see if a
bug I encounter has to do with qss or
not :)

Nice to see you showing interest. QSS
is great, should get much much more
attention than it's getting.

//Robert


"life sucks, get a f***ing helmet alright!" -Denis Leary
Reply to this

-
.

 Re: Re: Re: Re: Re: Great!

 
 by thibaut28 on: Jul 12 2010
 
Score 50%

Thanks for your answers ;) That would be good if we had all the CSS3 features, including the transition ones :D Sadly they're only barely supported on firefox, so QT... I've been skinning the systemsettings, and been getting good results so far, except on the scrollbars. Not really sure about these add-line, sub-line attributes. This is amazing how complete you can skin the tabs, like setting a skin for an only tab, or the very last activated one, or the first non-active one :) Nothing can get wrong this way. Here are some screens to show how it looks like for the moment on Plastik ;) :
http://img710.imageshack.us/img710/6041/capture3wb.png
http://img69.imageshack.us/img69/3378/capture4u.png
http://img15.imageshack.us/img15/5078/capture5q.png


Reply to this

-

 Re: Re: Re: Re: Re: Re: Great!

 
 by TheRob on: Jul 13 2010
 
Score 50%

Yeah all the css3 features would indeed be
nice!

I agree you have gotten some good results,
I don't see any flaws on a quick glance
except for the scrollbars ofc. I agree,
it took me a while to figure out the
scrollbars also, but it's kinda obvious
once you understand it.

With the add/sub-line you can determine
where the arrow will be, for example:

QScrollBar::add-line:vertical {
subcontrol-position: bottom;
subcontrol-origin: margin;
bottom: 0px;
left: 1px;
}

this places the scrolldown button 0px
from the bottom (usually this is desired)
and 1 px from the left.

then if you want the up button just above
the down button, something like this:

QScrollBar::sub-line:vertical {
subcontrol-position: left bottom;
subcontrol-origin: margin;
bottom: 16px;
left: 1px;
}

this places it 16 from bottom.

then you need ofc create margins for
the scrollbar to have something like
32px for bottom, example:

QScrollBar:vertical {
margin: 0px 0px 34px 0px;
}

Yeah, themeing the tabs is really fun
with qss, you have very much power here.
I remember trying to theme the tabs
nicely within gtk, had to give up every
time :D

Anyways, once again, impressive scrots!

//Robert


"life sucks, get a f***ing helmet alright!" -Denis Leary

-
.

 Re: Re: Re: Re: Re: Great!

 
 by bvsaker on: May 3 2012
 
Score 50%

Just found this thread. I have currently upgraded to Qt-4.8.1. I've been hoping to get text-shadow working but it does not appear to work in the latest. Have you tried this with later versions of Qt? How can I find out what CSS3 features/styles are available through QSS? I assumed that the later versions would support text-shadow, transitions etc. I've been trying to set text-shadow for a QLabel but have not had success.


Reply to this

-

 Re: Re: Re: Re: Re: Re: Great!

 
 by TheRob on: May 6 2012
 
Score 50%

I doubt if they add css3 features to Qt4.... maybe Qt5...
...altho I must say I don't know, but if they add,
I'd suppose they add css3 features to Qt5.


"life sucks, get a f***ing helmet alright!" -Denis Leary

-

 Re: Re: Re: Re: Re: Re: Great!

 
 by bvsaker on: May 7 2012
 
Score 50%

Thanks Robert. I was hoping to use css3 styles (ie text-shadow) in say a QLabel field. Only a subset of styles is supported in that widget. To use the other styles, it appears that QWebView must be used.



Add commentBackHomeCreate new groupView all groups



-

Copyright 2007-2014 Ubuntu-Art.org Team  Legal Notice
All rights reserved. Ubuntu-Art.org is not liable for any content or goods on this site.
You can find our FAQ here.
All contributors are responsible for the lawfulness of their uploads.
Please send us a notice if you spot an ABUSE of the website.
Information about advertising in Ubuntu-Art.org.
Developers can use our public webservice interface. More information here: public api
For further information or comments on this site, please send us a message
Ubuntu is a registered trademark of Canonical Ltd.
Content RSS   
Events RSS