Forum

Page 1 of 3 123 LastLast
Results 1 to 15 of 38
  1. #1
    Join Date
    December 2009
    Location
    Germany
    Posts
    17

    List of Classes and Objects

    List of classes and objects being used in bluesky.qss
    -----------------------------------------------------

    QMainWindow
    QWidget
    QDialog
    TextBrowser
    QAbstractItemView
    QTextEdit
    QWidget#MainWindowServerTabsWidget
    QWidget#MainWindowChatWidget

    ------- Splitter -------

    QSplitter::handle
    QSplitter::handle:horizontal
    QSplitter::handle:vertical

    QLineEdit
    ChatLineEdit

    ------- PushButtons -------
    You can use sub-controls hover, disabled and pressed.
    Example:

    Code:
    QPushButton {
           background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop: 0 #6a96b9, stop: 1 #c2d7e1);
           border: 1px solid #0a057b;
           border-radius: 3px;
           padding-left: 14px; padding-right: 14px;
           padding-top: 3px; padding-bottom: 3px;
    }
    ------- MenuBar and Menu -------
    for the MenuBar and Menu use sub-controls like hover, selected, disabled

    QMenuBar
    QMenuBar::item

    for example

    Code:
    QMenuBar::item:selected {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #a5d3e8, stop: 1 #e9edef);
           color: #000;
    }
    QMenu
    QMenu::item
    QMenu::indicator
    QMenu::indicator:non-exclusive:checked
    QMenu::separator

    ------- ComboBox -------

    QComboBox
    QComboBox:!editable:on
    QComboBox::drop-down:editable:on
    QComboBox:on
    QComboBox QAbstractItemView

    For example to enlarge the utcLocalComboBox a bit:

    Code:
    QComboBox#utcLocalComboBox {
           padding-left: 14px;
           padding-right: 7px;
    }
    ------- ListView -------
    In the ListView the items have following sub-controls: selected:active and selectd:!active (!=not)

    QListView
    QListView::item

    for example

    Code:
    QListView::item:selected:active {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #505c78, stop: 1 #6f80aa);
           color: #fff;
           border: 1px solid transparent;
    }
    QListView::item:selected:!active {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c2d7e1, stop: 1 #ccc);
           color: #0a057b;
           border: 1px solid transparent;
    }
    QListWidget#identitiesListWidget

    Do the same with ::indicator:unchecked & ::indicator:checked/undchecked:hover

    QListWidget#pluginsListWidget::indicator:checked
    QListView#ServerGroupsListView::indicator:checked

    ------- ToolBar -------

    QToolBar

    ------- ToolButtons -------
    Here found a list of all ToolButtons that i customize

    QToolButton
    QToolButton[popupMode="1"]
    QToolButton::menu-button
    QToolButton#newBookmarkButton
    QToolButton#newBookmarkFolderButton
    QToolButton#removeBookmarkButton
    QToolButton#serverQueryRunButton
    QToolButton#serverQuerySingleStepsButton
    QToolButton#serverQueryStopButton
    QToolButton#serverQueryRestartButton
    QToolButton#serverQueryAdvancedButton
    QToolButton#serverQueryClearHighlightButton
    QToolButton#newSQScriptButton
    QToolButton#updateSQScriptButton
    QToolButton#removeSQScriptButton
    QToolButton#idAddButton
    QToolButton#idRemoveButton
    QToolButton#idSelectDefaultButton
    QToolButton#idImportButton
    QToolButton#idExportButton
    QToolButton#addGroupButton
    QToolButton#removeGroupButton
    QToolButton#renameGroupButton
    QToolButton#displayClientsButton
    QToolButton#addClientButton
    QToolButton#removeClientButton
    QToolButton#makeCurrentChannelDefaultToolButton
    QToolButton#improvedIdentityQualityButton
    QToolButton#toolButtonIcon
    QToolButton#TextFormatButton
    QToolButton#searchClearButton
    QToolButton#appScanImportButton
    QToolButton#appScanReloadButton
    QToolButton#fbDirUpButton
    QToolButton#fbRootButton
    QToolButton#fbRefreshButton
    QToolButton#fbUploadButton
    QToolButton#fbDownloadButton
    QToolButton#fbCreateDirectoryButton
    QToolButton#fbDeleteButton
    QToolButton#fbFilterButton
    QToolButton#descEditButton
    QToolButton#fbViewIconsButton
    QToolButton#fbViewListButton
    QToolButton#filterGoButton
    QToolButton#clientUpdateButton
    QToolButton#filterClearButton
    QToolButton#banAddButton
    QToolButton#banRemoveButton
    QToolButton#banEditButton
    QToolButton#complainRemoveButton
    QToolButton#foregroundColorSelectButton
    QToolButton#backgroundColorSelectButton
    QToolButton#EmoticonButton
    QToolButton#iconToolButton
    QToolButton#toolButtonBold
    QToolButton#toolButtonItalic
    QToolButton#toolButtonUnderLine
    QToolButton#toolButtonFColor

    ------- TabBar -------

    QTabBar

    you can make the Tabs bigger when it´s selected like this, use it for Top and Bottom
    for example

    Code:
    QTabBar::tab:selected:top {
           border-top-color: #0a057b;
           border-top-left-radius: 3px;
           border-top-right-radius: 3px;
           margin-top: 3px;
    }
    ------- SpinBox -------

    QSpinBox
    QDoubleSpinBox#delayPTTSpinBox

    ------- TreeView -------

    In the TreeView you can set an alternate background
    for example

    Code:
    QTreeView {
           alternate-background-color: #d4eefb;
           border: 1px solid #000;
           show-decoration-selected: 1;
    }
    TreeView {
           background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c2d7e1, stop:1 #eef5f9);
           qproperty-alternatingRowColors: 1;
           color:#000;
           border: none;
    }
    QTreeView
    QTreeView::item

    At this place i have to thank _,,.->DarkCode<-.,,_ for his help, to customize the TreeView!!!
    If u want to customize QTreeView::branch, try this

    Code:
    QTreeView::branch:hover {
    	background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6a96b9, stop: 1.0 #c2d7e1);
    }
    /* QTreeView::branch:selected:!active -> wird vom :active übernommen */
    
    QTreeView::branch:selected {
    	background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop: 0 #505c78, stop: 1 #6f80aa);
    }
    QTreeView::branch:has-siblings:!adjoins-item {
    	border-image: url(styles/bluesky/treeviewS0.png) 0;
    }
    QTreeView::branch:has-siblings:adjoins-item {
    	border-image: url(styles/bluesky/treeviewW0.png) 0;
    }
    QTreeView::branch:!has-children:!has-siblings:adjoins-item {
    	border-image: url(styles/bluesky/treeviewF0.png) 0;
    }
    QTreeView::branch:has-children:!has-siblings:closed,
    QTreeView::branch:closed:has-children:has-siblings {
    	border-image: none;
    	image: url(styles/bluesky/treeviewP0.png);
    }
    QTreeView::branch:open:has-children:!has-siblings,
    QTreeView::branch:open:has-children:has-siblings  {
    	border-image: none;
    	image: url(styles/bluesky/treeviewM0.png);
    }
    Do the same with ::indicator:unchecked & ::indicator:checked/undchecked:hover

    QTreeView#eventsTreeView::indicator:checked
    QTreeView#permissionsTreeView::indicator:checked
    QTreeWidget#appsTreeWidget::indicator:checked
    QTreeWidget#clientsTreeWidget::indicator:checked

    ------- ScrollBar -------

    Do the same with QScrollBar::horizontal

    QScrollBar:vertical
    QScrollBar::handle:vertical
    QScrollBar::add-line:vertical
    QScrollBar::sub-line:vertical

    For the arrows, you must use pictures
    for example

    Code:
    QScrollBar::up-arrow:vertical {
           background: url("styles/bluesky/up_arrow.png");
           background-repeat: none;
           left: 3px;
           top: 5px;
    }
    QScrollBar::up-arrow:vertical
    QScrollBar::down-arrow:vertical
    QScrollBar::add-page:vertical
    QScrollBar::sub-page:vertical

    ------- HeaderView -------

    QHeaderView::section

    ------- TableView -------

    Example setting an alternate background:

    Code:
    QTableView {
           alternate-background-color: #d4eefb;
           border: 1px solid #000;
    }
    QTableView {
           selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #c2d7e1, stop:1 #e9edef);
           selection-color: #0a057b;
           qproperty-alternatingRowColors: 1;
           border: 1px solid #88b4d5;
           gridline-color: #88b4d5;
    }
    QTableView
    QTableView::item

    QStatusBar

    Excluding background for specific elements because some UI controls because there are issues with linear gradient on Linux, Plastique and Cleanlooks:

    QLabel
    QCheckBox
    QRadioButton
    QGroupBox
    QSlider
    HeadlineLabel
    QFrame#bookmarksTopFrame
    QWidget#advancedWidget
    QWidget#statusChangeWidget
    QWidget#connectToWidget
    QWidget#switchToWidget
    QWidget#disableWidget
    QWidget#activateWidget
    QWidget#recordingWidget
    ImprovedTabBarCloseButton
    QWidget#avatarWidget
    QWidget#ToolbarStretcher
    QStackedWidget
    one color used without lineargradient
    QWidget#ConnectionInfoDialog
    FriendFoeManager
    ServerLogView
    ClientLogView
    FileBrowser
    BookmarksManager
    QWidget#UrlCatcherViewer
    QWidget#ServerConnectionInfoDialog
    LogDisplay
    QDialog#BanDialog
    QWidget#addPropertiesWidget
    EmoticonsDisplay
    QWidget#OfflineMessagesDialog
    QWidget#sound3Dwidget
    UserVolumeWidget
    QWidget#sound3DTestWidget
    QWidget#CustomizeToolbar
    QWidget#ServerQueryView
    QTextEdit#pluginDescTextEdit
    QTextEdit#descriptionTextEdit
    QTextEdit#vserverWelcomeTextEdit
    QTextEdit#changeLogTextEdit
    MainWindowServerTabsWidget
    MainWindowChatWidget

    Disabled Elements

    QLineEdit:disabled
    QComboBox:disabled
    QSpinBox:disabled
    QCheckBox:disabled
    QRadioButton:disabled
    QTextEdit:disabled

    ------- GroupBox------
    Do the same with ::indicator:unchecked & ::indicator:checked/unchecked:hover
    QGroupBox#advancedGroupBox::indicator:checked

    ------- SizeGrip -------

    Example exchanging the sizegrip image:

    Code:
    QSizeGrip {
           background-color: transparent;
           image: url("styles/bluesky/sizegrip.png");
           width: 16px;
           height: 16px;
    }
    InfoFrame
    QTextEdit#ChatTab

    ------- Setup Wizard -------

    QWizard QWidget
    QWizard QLabel
    Last edited by Arya_79; May 3rd, 2010 at 12:51 PM.

  2. #2
    Join Date
    April 2004
    Location
    CT
    Posts
    93
    very nice! This will be helpful to many!

  3. #3
    Join Date
    January 2010
    Location
    Germany
    Posts
    25
    Really good work!
    Here a Thx from me too
    Quote Originally Posted by Drayu View Post
    very nice! This will be helpful to many!

  4. #4
    Join Date
    January 2010
    Location
    Germany
    Posts
    24
    very good work

    do you have an update for QT 4.6.2 "?
    would be great ..

    Thank you very much ...

    E.O.L. BioHaZaRD

  5. #5
    Join Date
    December 2009
    Location
    Germany
    Posts
    17
    Here u found the new link to Qt Stylesheet documentation...

    http://qt.nokia.com/doc/4.6/stylesheet-examples.html

    Have nice day
    greetz Arya
    Last edited by Arya_79; April 16th, 2010 at 08:13 AM.

  6. #6
    Join Date
    January 2010
    Location
    Germany
    Posts
    24
    hi Leutz

    first thanks Arya_79 for the link

    is it true that the

    Code:
    QTreeView::branch:has-children:!has-siblings:closed,
    QTreeView::branch:closed:has-children:has-siblings {
    	border-image: none;
    	image: url(styles/bluesky/treeviewP0.png);
    }
    and not been writing

    Code:
    QTreeView::branch:closed:has-children:!has-siblings,
    QTreeView::branch:closed:has-children:has-siblings {
    	border-image: none;
    	image: url(styles/bluesky/treeviewP0.png);
    }
    is !?!

    E.O.L. BioHaZaRD

  7. #7
    Join Date
    January 2010
    Location
    Germany
    Posts
    25
    Yes.

    ...............

  8. #8
    Join Date
    July 2010
    Location
    Earth
    Posts
    7
    Nice work here,

    Question, in the QTextEdit#ChatTab area, how would I go about editing the font color of the links and the user names, not the basic font color since that I already have done.

  9. #9
    Join Date
    December 2009
    Location
    Germany
    Posts
    17
    Sorry this is hard coded and u can´t change the font colors...

  10. #10
    Join Date
    December 2009
    Location
    Germany
    Posts
    45
    There's a new one that is missing here.

    QToolButton#copyGroupButton

  11. #11
    Join Date
    January 2011
    Location
    France
    Posts
    51
    Hi,

    Thanks for this work.
    How can i get all subcommand of Qwidget? Like Qwidget#PermissionsWidget wich not appears here

  12. #12
    Join Date
    March 2011
    Posts
    8
    I must be really stupid but I want to make a skin but this is to much for me. Yea I'm stupid.

  13. #13
    Join Date
    December 2011
    Posts
    1
    Thank you for your post. It's very usefull.

  14. #14
    Join Date
    March 2012
    Posts
    5
    Quote Originally Posted by florian_fr40
    You have a little tip since the Beta RC3

    The Stylesheet Helper.

    How it work :
    - Settings > Options > Hotkey
    - Click on "Add" button
    - Click on "Show Advanced Actions" button

    At the end of the list, you can see "Stylesheet Help", so add a hotkey for this.
    Apply and close the option window.

    Now put you mouse where you want and press the hotkey you assigned previously.
    And you can see several usefull information about the part of the client where your mouse is.
    Stumbled across this after endlessly searching for how to refer to obscure windows. Best. Thing. Ever.

  15. #15
    Join Date
    May 2012
    Posts
    2

    Unhappy

    Quote Originally Posted by coRpSE View Post
    Nice work here,

    Question, in the QTextEdit#ChatTab area, how would I go about editing the font color of the links and the user names, not the basic font color since that I already have done.
    Have there been any news regarding the link and user colors in QTextEdit#ChatTab? I would like to create a dark transparent theme, but red and blue are in that constellation very difficult to read.

    Already tried this, but i didnt have success ....

    QPalette::Link#ChatTab {
    color: #bcbcbc;
    font-weight: bold;
    }

    QPalette::LinkVisited#ChatTab {
    color: #bcbcbc;
    font-weight: bold;
    }
    Is it still hardcoded?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [Resolved] list All Clients delete gameserver serverquery from list
    By thywitness in forum Server Support
    Replies: 9
    Last Post: May 22nd, 2012, 08:12 AM
  2. [SUGGESTION LIST] Simply a list of my suggestions
    By TuxFighter in forum Suggestions and Feedback
    Replies: 3
    Last Post: April 5th, 2010, 05:08 AM
  3. TeamSpeak 3 and Qt classes/objectnames
    By Leon M in forum Skins / Icon & Sound Packs
    Replies: 0
    Last Post: March 19th, 2010, 04:01 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •