Allgemeines zur Skin-Erstellung

hacki65	Allgemeines zur Skin-Erstellung Verfasst von hacki65 am 25. September 2008 - 7:04
	Allgemeine Fragen zur Erstellung eines eigenen Skins und welche Werkzeuge brauche ich dafür. Hier kann euch geholfen werden... Anmelden oder Registrieren um Kommentare zu schreiben

Andy-V72	Skin Erstellt von Andy-V72 am 3. November 2008 - 18:17.
	hallo... ich möchte gern ein Skin Erstellen der zu Unserem Clan Passt.. Wie und mit Welchen Programmen bekomme ich dies hin ??? Gruß Andy Anmelden oder Registrieren um Kommentare zu schreiben

hacki65

Skin-Erstellung

Erstellt von hacki65 am 4. November 2008 - 0:56.

Hi Andy,

es gibt leider kein seperates Programm, um Skins zu erstellen. Im Grunde braucht man einen normalen Editor und ein wenig CSS-Kenntnisse. Auf dieser Site kann man sich die Struktur und die Parameter für die erforderliche *.QSS-Datei anschauen:

http://doc.trolltech.com/4.4/stylesheet.html

Am Besten, man lädt sich einen vorhandenen Skin von unserer Webpage herunter, und schaut sich die enthaltene QSS-Datei an. Anhand dieser Datei kann man schon einiges herausfinden, um eigene Skins zu erstellen. Falls Du Hilfe benötigst, bin ich gerne bereit, Dir ein paar Sachen in Mumble zu erklären.

mfg hacki65

P.S.: Zum Einbinden von Grafiken ist folgender Tipp hilfreich: Anstatt, wie in der Referenz von TrollTech angegeben, einen absoluten Pfad zur Grafikdatei zu verwenden, sollte man folgende Parameter nehmen:

url(skin:grafikdatei)

Dies hat den Vorteil, das, wenn diese Grafik sich im selben Verzeichnis wie die QSS-Datei befindet, sie auch immer gefunden wird - unabhängig davon, wie der Ordner selber heisst.

Anmelden oder Registrieren um Kommentare zu schreiben

Andy-V72	danke für die Schnelle Erstellt von Andy-V72 am 5. November 2008 - 17:18.
	danke für die Schnelle Antwort, ich werd mich mal daran Setzen... gruß Andy Anmelden oder Registrieren um Kommentare zu schreiben

F.E.A.R.	Grafik einbinden Erstellt von F.E.A.R. am 5. März 2009 - 15:00.
	Hii, ich bin auch dabei ein skin für unseren clan zu erstellen aber ich bekomme keine grafik eingebunden, habe es so gemacht wie beschrieben! Anmelden oder Registrieren um Kommentare zu schreiben

hacki65	Unter Windows PNG-Grafik Erstellt von hacki65 am 7. März 2009 - 16:36.
	Unter Windows müssen die Grafiken im PNG-Format vorliegen. JPG wird leider nicht unterstützt. PNG hat aber auch den Vorteil, das transparente Bereiche auch transparent sind. Falls Du es gar net hinkriegst, sag mir mal welcher Server, dann schau ich mal vorbei. mfg hacki65 Anmelden oder Registrieren um Kommentare zu schreiben

F.E.A.R.	Grafiken Erstellt von F.E.A.R. am 8. März 2009 - 13:42.
	also habe die datei im png format abgespeichert und das in die qss datei mit eingefügt background-image: url(skin:Bildname.png); aber geht i-wie nicht. vllt kannst du mir ja helfen 85.14.217.246 port 6700 Anmelden oder Registrieren um Kommentare zu schreiben

ozon	F.E.A.R, kannst du bitte mal Erstellt von ozon am 8. März 2009 - 15:56.
	F.E.A.R, kannst du bitte mal die ganze CSS Regel posten? Oder hast du nur ein `background-image: url(skin:Bildname.png);` in deiner qss stehen. Anmelden oder Registrieren um Kommentare zu schreiben

F.E.A.R.

Nein natürlich nicht

Erstellt von F.E.A.R. am 8. März 2009 - 16:03.

Spoiler: Highlight to view

QTreeView#qtvPlayers {

background-repeat: no-repeat;

background-attachment: fixed;

background-position: top right;

background-color: #ffffff;

}

}

/* ---------- Misc ---------- */
* {
background: transparent;
color: #ddd;
alternate-background-color: rgba(255,255,255,10%);
selection-background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #0052b8, stop:1 #02224a);
selection-color: #500;
}
*:disabled {
color: #999;
}
QWidget {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #533, stop:1 #500);
}
QLabel, QSlider, QCheckBox, QRadioButton, QGroupBox, QGroupBox * {
background: transparent;
}
QListView {
background: #500;
show-decoration-selected: 1;
}
QLabel#qlCurrentFont {
font-size: 10pt;
}

QLabel#qlPlayer,QLabel#qlTalking,QLabel#qlAltTalking,QLabel#qlChannel,QLabel#qlChannelTalking {
font-family: 'Courier New';
font-size: 10pt;

}
QDialog {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #333, stop:1 #500);
color: #500;
border: 1px solid #067dd1;
}
QTreeView {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #333, stop:1 #000);
color: #500;
border: 0;
padding: -1px;
margin-top: 1px;
}
QAbstractScrollArea {
border: 1px solid #666;
border-radius: 0.5em;
}
QTreeWidget QAbstractScrollArea, QTreeView QAbstractScrollArea {
border: 0;
min-height: 1.5em;
max-height: 1.5em;
}
QTextBrowser {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #333, stop:1 #000);
color: #500;
border: 0;
margin-top: 1px;
}
QToolTip {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f60, stop:1 #002930);
color: #000;
border: 1px solid #f60;
font-weight: bold;
padding: 0.25em;
}
a {
color: #067dd1;
}

/* ---------- Config Menu ---------- */
QListWidget#qlwIcons::icon, QListWidget#qlwIcons::icon:hover {
height: 110px;
}
QListWidget#qlwIcons::icon:!selected {
width: 90%;
height: 90%;
}
QListWidget#qlwIcons::item {
background: transparent;
border: 1px solid #002930;
border-radius: 1.5em;
width: 100%;
color: #500;
height: 110px;

selection-background-color: transparent;
font-weight: bold;
}
QListWidget#qlwIcons::item:selected {
background: transparent;

}
QListWidget#qlwIcons::item:hover {
background: transparent;
border-color: #2f322d;
}

/* ---------- Tree Branches ---------- */
QTreeView::branch,
QTreeView::branch:has-siblings:!adjoins-item {
border-right: 1px solid #467dd1;
margin: -8px 1px 8px 0;
}
QTreeView::branch:has-siblings:adjoins-item,
QTreeView::branch:!has-children:!has-siblings:adjoins-item {
border-bottom: 1px solid #467dd1;
border-right: 0;
margin: 0 0 8px -1px;
}
QTreeView::branch:has-children:!has-siblings:closed,
QTreeView::branch:closed:has-children:has-siblings,
QTreeView::branch:open:has-children:!has-siblings,
QTreeView::branch:open:has-children:has-siblings {
background: transparent;

border-radius: 8px;
margin: 2px -4px 3px 2px;
}
QTreeView::branch:has-children:!has-siblings:closed,
QTreeView::branch:closed:has-children:has-siblings {
image: url(./H²O/other/arrow_right.png);
}

QTreeView::branch:open:has-children:!has-siblings,
QTreeView::branch:open:has-children:has-siblings {
image: url(./H²O/other/arrow_down.png);
}

/* ---------- Tabs ---------- */
QTabWidget::pane {
border: 1px solid #067dd1;
border-radius: 5px;
}
QTabWidget::tab-bar {
left: 10px;
}
QTabBar::tab {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #002930, stop:1 #08a9d7);
border: 1px solid #002930;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
min-width: 10em;
padding: 2px;

font-weight: bold;
}
QTabBar::tab:hover {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2f322d, stop:1 #067dd1);
border-color: #2f322d;
}
QTabBar::tab:selected {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
border-color: #067dd1;
}
QTabBar::tab:!selected {
margin-top: 2px;
margin-bottom: 1px;
}

/* ---------- Group Boxes ---------- */
QGroupBox {
border: 1px solid #fff;
border-radius: 5px;
margin-top: 2.5ex;
padding-top: 2ex;
}
QGroupBox:hover {
border: 1px solid #fff;
border-radius: 5px;
margin-top: 2.5ex;
padding-top: 2ex;
}

QGroupBox::title {
background: qlineargradient(x1:0, y1:0.5, x2:0, y2:1, stop:0 #000, stop:1 transparent);
subcontrol-origin: margin;
subcontrol-position: top center;
padding: 0 1em;
border: 1px solid #fff;
border-bottom: 0;
color: #ccc;
}

/* ---------- Slider ---------- */
QSlider::groove:horizontal {
border-bottom: 1px dotted #067dd1;
height: 0;
margin: 2px 0;
}
QSlider::groove:vertical {
border-right: 1px dotted #067dd1;
width: 0;
margin: 0 2px;
}
QSlider::groove:disabled {
border-color: #013e59;
}
QSlider::handle:horizontal {
width: 12px;
margin: -5px 0;
}
QSlider::handle:vertical {
height: 12px;
margin: 0 -5px;
}
QSlider::handle {
background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #067dd1, stop:1 #002930);
border: 1px solid #067dd1;
border-radius: 3px;
}
QSlider::handle:hover {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2f322d, stop:1 #067dd1);
border: 1px solid #2f322d;
}
QSlider::handle:pressed {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #2f322d);
border: 1px solid #2f322d;
}
QSlider::handle:disabled {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #333);
border: 1px solid #013e59;
color: #fff;
}

/* ---------- Buttons ---------- */
QPushButton {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
border: 1px solid #067dd1;
border-radius: 10px;
padding: 0.25em 1em;
font-weight: bold;
color: #000;
}
QPushButton:hover {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2f322d, stop:1 #067dd1);
border: 1px solid #2f322d;
}
QPushButton:pressed {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #2f322d);
border: 1px solid #2f322d;
}
QPushButton::disabled {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fff, stop:1 #333);
border: 1px solid #013e59;
color: #fff;
}

/* ---------- Checkboxes ---------- */
QCheckBox {
spacing: 5px;
}
QCheckBox::indicator {
width: 13px;
height: 13px;
}
QCheckBox::indicator:unchecked {
image: url(./H²O/other/checkbox_0.png);
}
QCheckBox::indicator:unchecked:hover {
image: url(./H²O/other/checkbox_0_hover.png);
}
QCheckBox::indicator:unchecked:pressed {
image: url(./H²O/other/checkbox_0_pressed.png);
}
QCheckBox::indicator:checked {
image: url(./H²O/other/checkbox_1.png);
}
QCheckBox::indicator:checked:hover {
image: url(./H²O/other/checkbox_1_hover.png);
}
QCheckBox::indicator:checked:pressed {
image: url(./H²O/other/checkbox_1_pressed.png);
}
QCheckBox::indicator:indeterminate:hover {
image: url(./H²O/other/checkbox_0_hover.png);
}
QCheckBox::indicator:indeterminate:pressed {
image: url(./H²O/other/checkbox_0_pressed.png);
}
QCheckBox::indicator:disabled:unchecked {
image: url(./H²O/other/checkbox_0_d.png);
}
QCheckBox::indicator:disabled:checked {
image: url(./H²O/other/checkbox_1_d.png);
}

/* ---------- Radio Buttons ---------- */
QRadioButton {
spacing: 5px;
}
QRadioButton::indicator {
width: 13px;
height: 13px;
}
QRadioButton::indicator:unchecked {
image: url(./H²O/other/radiobutton_0.png);
}
QRadioButton::indicator:unchecked:hover {
image: url(./H²O/other/radiobutton_0_hover.png);
}
QRadioButton::indicator:unchecked:pressed {
image: url(./H²O/other/radiobutton_0_pressed.png);
}
QRadioButton::indicator:checked {
image: url(./H²O/other/radiobutton_1.png);
}
QRadioButton::indicator:checked:hover {
image: url(./H²O/other/radiobutton_1_hover.png);
}
QRadioButton::indicator:checked:pressed {
image: url(./H²O/other/radiobutton_1_pressed.png);
}
QRadioButton::indicator:indeterminate:hover {
image: url(./H²O/other/radiobutton_0_hover.png);
}
QRadioButton::indicator:indeterminate:pressed {
image: url(./H²O/other/radiobutton_0_pressed.png);
}
QRadioButton::indicator:disabled:unchecked {
image: url(./H²O/other/radiobutton_0_d.png);
}
QRadioButton::indicator:disabled:checked {
image: url(./H²O/other/radiobutton_1_d.png);
}

/* ---------- Text Inputs ---------- */
QLineEdit, QTextEdit#qteEdit {
background: #000;
color: #fff;
border: 1px solid #067dd1;

}
QLineEdit:disabled {
background: #333;
border: 1px solid #013e59;
}

/* ---------- Combo Boxes ---------- */
QComboBox {
border: 1px solid #067dd1;
border-radius: 5px;
padding: 1px 3px 1px 3px;
min-width: 6em;
color: #000;
}
QComboBox:off {
background: #333;
border: 1px solid #013e59;
}
QComboBox:editable {
background: #000;
color: #fff;
}
QComboBox:!editable, QComboBox::drop-down:editable, QComboBox:active {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
color: #fff;
}
QComboBox::drop-down {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
border: 1px solid #067dd1;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
QComboBox:!editable {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
border: 1px solid #067dd1;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
QComboBox::drop-down:hover {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2f322d, stop:1 #067dd1);
border: 1px solid #2f322d;
}
QComboBox::drop-down:pressed, QComboBox:!editable:on, QComboBox::drop-down:editable:on {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #2f322d);
border: 1px solid #2f322d;
}
QComboBox::drop-down:off {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #000, stop:1 #333);
border: 1px solid #2f322d;
}
QComboBox QAbstractItemView {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #000, stop:1 #013e59);
color: #fff;
border: 1px solid #067dd1;
border-radius: 0px;
}
QComboBox::down-arrow {
image: url(./H²O/other/arrow_down.png);
}
QComboBox::down-arrow:on {
image: url(./H²O/other/arrow_up.png);
}
QComboBox:disabled, QComboBox:editable:disabled {
background: #333;
border: 1px solid #013e59;
}
QComboBox::drop-down:disabled, QComboBox:!editable:disabled {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #000, stop:1 #013e59);
border: 1px solid #013e59;
}

/* ---------- Spin Boxes ---------- */
QSpinBox {
background: #000;
padding-right: 3px;
border: 1px solid #067dd1;
}
QSpinBox::up-button {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
subcontrol-origin: border;
subcontrol-position: top right;
width: 9px;
height: 16px;
border: 1px solid #067dd1;
}
QSpinBox::up-button:hover {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #0a9000, stop:1 #067dd1);
border: 1px solid #2f322d;
}
QSpinBox::up-button:pressed {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #0a9000);
border: 1px solid #2f322d;
}
QSpinBox::up-arrow {
image: url(./H²O/other/arrow_up.png);
width: 7px;
height: 7px;
}
QSpinBox::up-arrow:disabled, QSpinBox::up-arrow:off {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fff, stop:1 #333);
border: 1px solid #013e59;
}
QSpinBox::down-button {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
subcontrol-origin: border;
subcontrol-position: bottom right;
margin-right: 11px;
width: 9px;
height: 16px;
border: 1px solid #067dd1;
}
QSpinBox::down-button:hover {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #0a9000, stop:1 #067dd1);
border: 1px solid #2f322d;
}
QSpinBox::down-button:pressed {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #0a9000);
border: 1px solid #2f322d;
}
QSpinBox::down-arrow {
image: url(./H²O/other/arrow_down.png);
width: 7px;
height: 7px;
}
QSpinBox::down-arrow:disabled, QSpinBox::down-arrow:off {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #fff, stop:1 #333);
border: 1px solid #013e59;
}

/* ---------- Scrollbars : Vertical ---------- */
QScrollBar:vertical {
border: 1px solid #067dd1;
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #333, stop:1 #000);
width: 1em;
margin: 1.2em 0;
border-radius: 0.5em;
}
QScrollBar::handle:vertical {
border: 1px solid #067dd1;
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #002930, stop:1 #067dd1);
min-height: 1em;
border-radius: 0.5em;
}
QScrollBar::handle:vertical:hover {
border: 1px solid #2f322d;
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #2f322d, stop:1 #067dd1);
}
QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
border: 1px solid #067dd1;
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #067dd1, stop:1 #002930);
height: 1em;
subcontrol-origin: margin;
border-radius: 0.5em;
}
QScrollBar::add-line:vertical:hover, QScrollBar::sub-line:vertical:hover {
border: 1px solid #2f322d;
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #067dd1, stop:1 #2f322d);
}
QScrollBar::add-line:vertical {
subcontrol-position: bottom;
}
QScrollBar::sub-line:vertical {
subcontrol-position: top;
}

/* ---------- Scrollbars : Horizontal ---------- */
QScrollBar:horizontal {
border: 1px solid #067dd1;
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #333, stop:1 #000);
height: 1em;
margin: 0 1.2em;
border-radius: 0.5em;
}
QScrollBar::handle:horizontal {
border: 1px solid #067dd1;
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #002930, stop:1 #067dd1);
min-width: 1em;
border-radius: 0.5em;
}
QScrollBar::handle:horizontal:hover {
border: 1px solid #2f322d;
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2f322d, stop:1 #067dd1);
}
QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
border: 1px solid #067dd1;
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
width: 1em;
subcontrol-origin: margin;
border-radius: 0.5em;
}
QScrollBar::add-line:horizontal:hover, QScrollBar::sub-line:horizontal:hover {
border: 1px solid #2f322d;
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #2f322d);
}
QScrollBar::add-line:horizontal {
subcontrol-position: right;
image:
}
QScrollBar::sub-line:horizontal {
subcontrol-position: left;
}

/* ---------- Scrollbars : Misc ---------- */
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
background: qlineargradient(x1:0, y1:1, x2:0, y2:0, stop:0 #333, stop:1 #000);
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
background: qlineargradient(x1:1, y1:0, x2:0, y2:0, stop:0 #333, stop:1 #000);
}
QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal,
QScrollBar::up-arrow:horizontal, QScrollBar::down-arrow:horizontal {
width: 7px;
height: 7px;
}
QScrollBar::left-arrow {
image: url(./H²O/other/arrow_left.png);
}
QScrollBar::right-arrow {
image: url(./H²O/other/arrow_right.png);
}
QScrollBar::up-arrow {
image: url(./H²O/other/arrow_up.png);
}
QScrollBar::down-arrow {
image: url(./H²O/other/arrow_down.png);
}

/* ---------- Headers ---------- */
QHeaderView::section {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
color: #000;
border: 1px solid #067dd1;
border-color: #2f322d #067dd1 #067dd1 #2f322d;
padding: 0 0 0 0.5em;
height: 1.5em;
min-height: 0px;
max-height: 0px;
}
QHeaderView::section:first, QHeaderView::section:only-one {
border-top-left-radius: 0.5em;
border-bottom-left-radius: 0.5em;
}
QHeaderView::section:last, QHeaderView::section:only-one {
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
QHeaderView::down-arrow {
image: url(./H²O/other/arrow_down.png);
}
QHeaderView::up-arrow {
image: url(./H²O/other/arrow_up.png);
}

/* ---------- Menu ---------- */
QMenuBar {
background: transparent;
font-weight: bold;
border: 1px solid transparent;
border-bottom-color: #067dd1;
}
QMenuBar::item {
background: transparent;
color: #067dd1;
border: 0;
padding: 4px 8px;
}
QMenuBar::item:selected {
background: transparent;
color: #fff;
}
QMenuBar::item:pressed {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #002930, stop:1 #067dd1);
color: #fff;
}
QMenu {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #002e3b, stop:1 #000);
color: #fff;
border: 1px solid #067dd1;
padding: 0;
}
QMenu::item {
background: transparent;
color: #067dd1;
padding: 0.2em 1.5em;
border: 1px solid transparent;
}
QMenu::item:selected {
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930);
color: #fff;
border: 1px solid #067dd1;
}

QMenu::separator {
background: #067dd1;
height: 1px;
}
QMenu::indicator {
width: 13px;
height: 13px;
padding-left: 2px;
}

habe das meiste so aus anderen skins [bernommen und ver'ndert

//edit my moderator 'ozon'
Hab den Code in einen Spoiler gepackt.

Anmelden oder Registrieren um Kommentare zu schreiben

hacki65

QSS-Code

Erstellt von hacki65 am 8. März 2009 - 17:54.

In deinem Code ist der Eintrag für das Background-Image nicht drin, wie mir scheint. Ein Fehler wird dieser sein:

QTreeView#qtvPlayers { background-repeat: no-repeat; background-attachment: fixed; background-position: top right; background-color: #ffffff; }

}

Am Ende sind 2 geschweifte Klammern - } - zu sehen. Das wird ein Fehler sein. Jedes Element fängt mit dem Namen an (z.b. QTreeView...). Dann kommt eine geöffnete geschweifte Klammer. Dahinter werden die einzelnen Eigenschaften aufgeführt (z.b.: background-color: #ffffff;) mit einem abschliessenden Apostroph (;) - dieses wird oftmals vergessen !!!). Am Ende muss eine geschlossene geschweifte Klammer stehen. Dann kommt das nächste Element.

Beim einlesen der QSS-Datei wird solange ausgewertet und ausgeführt, bis ein Fehler auftaucht. Somit wird dann nur ein kleiner Teil der Datei übernommen.

Um Fehler zu vermeiden, sollte man sich am besten einen Editor installieren, der CSS-fähig ist - also den Code mit Farbcodes übersichtlicher macht - z.b. NotePad++ http://notepad-plus.sourceforge.net/de/site.htm

mfg hacki65

Anmelden oder Registrieren um Kommentare zu schreiben

F.E.A.R.	Erstmal danke, hatte in den Erstellt von F.E.A.R. am 8. Mai 2009 - 23:06.
	Erstmal danke, hatte in den lezten wochen nicht viel zeit, aber habe es geschafft ein bild einzufügen usw. obwohl ich keine ahnung davon habe <3 aber eine sache habe ich noch, ich wollte die leiste farblich verändern wo Name--------Attribute stehen, was muss ich einfügen? MfG Anmelden oder Registrieren um Kommentare zu schreiben

hacki65	Farbe ändern Erstellt von hacki65 am 9. Mai 2009 - 1:18.
	Findest Du hier: QHeaderView::section { background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #067dd1, stop:1 #002930); Die Werte stehen hinter "stop:0" und "stop:1". mfg hacki65 Anmelden oder Registrieren um Kommentare zu schreiben

F.E.A.R.	ok danke MfG Erstellt von F.E.A.R. am 9. Mai 2009 - 11:57.
	ok danke MfG Anmelden oder Registrieren um Kommentare zu schreiben

bl4ckface	Channel andere Textfarbe als Player? Erstellt von bl4ckface am 5. August 2009 - 18:37.
	ist es möglich den channels eine andere andere farbe zu geben als den playern? laut wiki müsste dies ja mit der unterkategorie "QTreeView#qtvPlayers" gehen... aber jenes überschreibt die regeln von QTreeView einfach. as example: QTreeView { color: #FFF; } QTreeView#qtvPlayers { color: #CCC; } gibts da einen workaround o.ä.? tia bl4ck Anmelden oder Registrieren um Kommentare zu schreiben

hacki65

Unterkategorie

Erstellt von hacki65 am 5. August 2009 - 18:54.

Das mit der Raute (#) hinter QTreeView ist der Bezeichner eines bestimmten Elements. Nimmt man nur QTreeView, so gilt diese Einstellung für alle diese Elemente des gesamten Programms. Mit QtreeView#qtvPlayers wird nur das Playerfenster angepasst. In diesem speziellen Fall gibt es aber im ganzen Programm nur dieses eine QTreeView-Element. Deswegen fällt es nicht auf, ob man mit oder ohne die Raute arbeitet.

Anders verhält es sich z.B. bei Elemente, die mehrfach vorkommen. Diese kann man mittels der Raute jede für sich ändern. Lässt man im Gegensatz dazu die Raute weg, werden sämtliche gleichnamige Elemente im Programm auf diese Werte gesetzt.

Hoffe die Beschreibung war verständlich.

mfg hacki65

P.S.: Leider sind die Textelemente in diesem Treeview dynamisch, sodas im Moment keine unterschiedlich Farbe benutzt werden kann. Hoffe, es geht mit der nächsten Version.

Anmelden oder Registrieren um Kommentare zu schreiben

bl4ckface

thx

Erstellt von bl4ckface am 5. August 2009 - 19:35.

alles klar vielen dank, war sehr hilfreich.

nun habe ich noch eine andere frage.

im NextGen skin hat der creator den QTextBrowser nach unten gepackt und ich frage mich, wie?.. habe sein qss durgeschaut aber es fällt mir nichts auf.

weis da jmd was?

greetz bl4ck

edit: hat sich erledigt xD... wusste nicht das man per drag n drop die fenster verschieben kann.

Anmelden oder Registrieren um Kommentare zu schreiben

bl4ckface	1.1.8 formatierungs bugs? Erstellt von bl4ckface am 5. August 2009 - 20:14.
	noch was... die formatierung des QTextBrowser funktioniert in der 1.1.7er aber nur teils in der 1.1.8er.. z.b. die grösse wird nicht übernommen. gibts da eine lösung? greetz bl4ck Anmelden oder Registrieren um Kommentare zu schreiben

hacki65

Bildersupport

Erstellt von hacki65 am 6. August 2009 - 14:54.

Du meinst wahrscheinlich die Schriftgröße !?

Es hat sich in der 1.1.8 wohl ein kleiner Bug eingeschlichen, der bewirkt, das ein paar Formatierungen beim Start von Mumble nicht komplett übernommen werden.

Das betrifft z.b. auch padding und margin, mit denen man die Elemente im Fenster weiter nach innen schieben kann. Diese Anpassungen werden erst angezeigt, wenn man einmal im Konfigurationsdialog auf "Anwenden" klickt.

Das Problem wird in der Version 1.2 gefixt sein. Für 1.1.8 wird es dafür wohl kein Bugfix mehr geben.

mfg hacki65

Anmelden oder Registrieren um Kommentare zu schreiben

ozon	Bugs in Mumble 1.1.8 Erstellt von ozon am 7. August 2009 - 1:27.
	hacki65 schrieb: Das Problem wird in der Version 1.2 gefixt sein. Für 1.1.8 wird es dafür wohl kein Bugfix mehr geben. Mumble 1.1.8 wird ja als 1.1.x weiter geführt und mir Mumble 1.2 ausgeliefert. Ich denke das kritische Bugs schon noch behoben werden. Anmelden oder Registrieren um Kommentare zu schreiben

evel

Mumble skins erstellen

Erstellt von evel am 16. Oktober 2009 - 16:55.

Andy-V72 schrieb:

hallo...

ich möchte gern ein Skin Erstellen der zu Unserem Clan Passt..

Wie und mit Welchen Programmen bekomme ich dies hin ???
Gruß
Andy

Das kommt jetzt vielleicht n bisschen spät, aber ich bin mal über n guten Beitrag gestolpert: Mumble Skins selbst erstellen über das Online Tool Juicer. Sah gut und einfach aus. Hier der Link zum Blog, dort führen weitere Links dann zum Tool. Juicer
Gruß
evel

//editiert vom Admin! Werbung für andere kommerzielle Anbieter ist unerwünscht. Der folgende "Werbe-Link" wurde gelöscht.

Anmelden oder Registrieren um Kommentare zu schreiben

ozon	evel? News: Juicer - Mumble Erstellt von ozon am 16. Oktober 2009 - 17:11.
	evel? News: Juicer - Mumble Skins selbst gemacht - am 22.08.09 haben wir darüber berichtet. Warum postest du hier links zu anderen kommerziellen Anbietern? Anmelden oder Registrieren um Kommentare zu schreiben

Allgemeines zur Skin-Erstellung

Ähnliche Forenbeiträge

Benutzeranmeldung

Neue Forenbeiträge