Инструменты пользователя

Инструменты сайта


ru:skins_css

Это старая версия документа!


Вступление

В данной статье будут рассмотрены и приведены примеры использования CSS при оформлении скинов Psi+.

Условно статья поделена на два больших раздела – *Ростер* и *Чат*.


Ростер

QToolBar

Нижняя панель ростера с кнопками:

Окно ростера с выделенными панелями


QStackedWidget

Виджет, содержащий элементы ростера:

Окно ростера с выделенным виджетом, содержащим элементы ростера


QLineEdit

QStackedWidget>QWidget>QLineEdit

Строка ввода при поиске пользователей по ростеру:

Окно ростера с выделенной строкой поиска по ростеру

QLineEdit#le_status_text

Строка ввода статусного сообщения:

Окно ростера с выделеной строкой ввода статусного сообщения


QTreeView

Настройка внешнего вида отдельного ника.

alternate-background-color

Чередующаяся раскраска областей фона ростера:

Щкно ростера с чередующейся раскраской областей фона ростера

selection-background-color

Фон выбранного элемента ростера:

Окно ростера с выделенным фоном выбранного элемента ростера

selection-color

Цвет текста выбранного элемента ростера:

Окно ростера с измененным цветом выбранного элемента ростера


QLabel

MLabel

Область оповещения о событиях

Окно ростера с выделенной областью оповещения о событиях

QLabel#lb_nick

Область верхнего фрейма где расположен ник

Окно ростера с выделенной областью где расположен ник

QLabel#lb_avatar

Аватар на верхней панели

Окно ростера с выделенной областью где расположен аватар


QToolButton

QToolButton

Кнопки на панелях:

Окно ростера с выделенными кнопками на панелях

QToolButton#tb_mood

Кнопка выбора настроения:

Окно ростера с выделенной кнопкой выбора настроений

QToolButton#tb_activity

Кнопка выбора занятия:

Окно ростера с выделенной кнопкой выбора занятий

QToolButton#tb_status

Кнопка выбора статуса в верхней панели ростера:

Окно ростера с выделенной кнопкой выбора статуса


QScrollBar

QScrollBar:vertical

Полоса вертикального скролбара:

Окно ростера с выделенной полосой вертикального скролбара

QScrollBar::handle:vertical

Бегунок вертикального скролбара:

Окно ростера с выделенным бегуноком вертикального скролбара

QScrollBar::add-line:vertical

Нижняя кнопка перемещения скролбара:

Окно ростера с выделенной нижней кнопкой перемещения скролбара

QScrollBar::sub-line:vertical

Верхняя кнопка перемещения скролбара:

Окно ростера с выделенной верхней кнопкой перемещения скролбара


PsiContactListView

Область ростера где располагается список контактов:

Окно ростера с выделенной областью ростера где располагается список контактов


PopupActionButton

Главная кнопка Psi и продолговатая кнопка статуса с названием статуса:

Окно ростера с выделенной главной кнопкой Psi и продолговатой кнопкой статуса


QMenu

Главное меню:

Окно ростера с выделенным главным меню


QMainWindow

Фон родительского виджета:

Окно ростера с выделенным фоном родительского виджета


Чат

QWidget

QWidget#bottomFrame

Область окна чата вокруг средней панели, поля ввода и кнопки отправки сообщения:

Окно чата с выделенной областью вокруг средней панели, поля ввода и кнопки отправки сообщения

QWidget#bottomFrame>QWidget>QTextEdit

Область ввода сообщения:

Окно чата с выделенной областью ввода сообщения

QWidget#tab_affiliations

Поле таба с JID'ами участников в конфигураторе конференции:

Окно конфигуратора конференции

QWidget#tab_general

Поле таба *Настройка* в конфигураторе конференции:

Окно конфигуратора конференции

QWidget#avatar

Аватар собеседника:

Окно чата с выделенной областью где расположен аватар

QWidget#pte_topic

Область ввода текста топика:

Окно топика конференции с выделенной областью ввода текста


QPushButton

Кнопки в диалогах:

Окна чата и топика с выделенными кнопками

QPushButton#pb_topic

Кнопка вызова редактора топика:

Окно чата с выделенной кнопкой вызова редактора топика

QPushButton#pb_send

Кнопка отправки сообщения:

Окно чата с выделенной кнопкой отправки сообщения


QToolBar

QToolBar

Средняя панель и панель поиска:

Окно чата с выделенными панелями инструментов

QToolBar#toolbar

Средняя панель отдельно:

Окно чата с выделенной центральной панелью


QDialog

Фон диалогового окна:

Окно конфигуратора конференции с выделенным фоном

Окно закладок конференции с выделенным фоном

Окно топика конференции с выделенным фоном

Окно диалога с выделенным фоном

QDialog>QFrame

Фон области диалога с текстом:

Окно закладки конференции с выделенным фоном текста

QDialog>QLineEdit

Поле ввода в диалоговом окне:

Окно закладки конференции с выделенным фоном поля ввода текста

QDialog QTabBar

Вкладки в диалоге настройки конференции:

Окно конфигуратора конференции с выделенным фоном области расположения табов

QDialog#MUCConfig

Окно конфигуратора конференции:

Окно конфигуратора конференции с выделенным фоном


QFrame

QFrame#tv_affiliations

Фон области окна таба со списком JID'ов в конфигураторе конференции:

Окно конфигуратора конференции с выделенным фоном области расположения jid'ов и ролей

QFrame#log

Область чатлога:

Окно чата с выделенной областью чатлога

QFrame#topFrame

Верхняя часть окна чата вокруг чатлога и ростера конференции:

Окно чата с выделенной верхней частью окна чата вокруг чатлога и ростера конференции


QSplitter

QSplitter::handle

Полоса изменения размера чатлога и поля ввода сообщения:

Окно чата с выделенными активными областями предназначенными для изменения размеров чатлога, строки ввода сообщения


QTabBar

QTabBar::tab:hover

Выбранный таб:

Окно чата с выделенным выбранным табом

QTabBar::tab:selected

Активный таб:

Окно чата с выделенным активным табом

QTabBar::tab

Неактивный и невыбранный таб:

Окно чата с выделенным неактивным и невыбранным табом


QScrollBar

QScrollBar:vertical

Полоса вертикального скролбара

QScrollBar::handle:vertical

Бегунок вертикального скролбара

QScrollBar::add-line:vertical

Нижняя кнопка перемещения скролбара

QScrollBar::sub-line:vertical

Верхняя кнопка перемещения скролбара

QScrollBar::add-line:vertical:pressed

Нижняя нажатая кнопка перемещения скролбара

QScrollBar::sub-line:vertical:pressed

Верхняя нажатая кнопка перемещения скролбара

QScrollBar:horizontal

Полоса горизонтального скролбара

QScrollBar::handle:horizontal

Бегунок горизонтального скралбара

QScrollBar::add-line:horizontal

Нижняя кнопка перемещения скролбара

QScrollBar::sub-line:horizontal

Верхняя кнопка перемещения скролбара

QScrollBar::add-line:horizontal:pressed

Нижняя нажатая кнопка перемещения скролбара

QScrollBar::sub-line:horizontal:pressed

Верхняя нажатая кнопка перемещения скролбара


QLabel

QLabel#lb_count

Счётчик символов:

Окно чата с выделеным счетчиком символов

QLabel#lb_ident

Идентификатор аккаунта:

Окно чата с выделенным идентификатором аккаунта


QLineEdite

QLineEdit#le_topic

Строка топика

QLineEdit#le_jid

Строка с JID'ом собеседника

QLineEdit#le_filter

Поиск по JID'ам в конфигураторе конференции


TabDlg

Рамка по границам окна чата


PsiTabBar

Фон под вкладками открытых чатов:

Окно чата с выделенной областью расположения вкладок


GroupchatTopicDlg

Окно топика конференции:

Окно топика конференции


QToolButton

Кнопки на средней панели инструментов:

Окно чата с выделенными кнопками на центральной панели


Q3ListView

Фон ростера конференции:

Окно чата с выделенным фоном ростера конференции


TypeAheadFindBar>QLineEdit

Строка поиска на панели поиска:

Окно чата с выделенной строкой поиска


QMenu

Выпадающее контекстное меню на заголовке таба:

Окно чата с выделенным выпадающим контекстным меню


*СТРАНИЦА НЕ ЗАКОНЧЕНА И НАХОДИТСЯ В ПРОЦЕССЕ ВЁРСТКИ!*

ru/skins_css.1283889763.txt.gz · Последнее изменение: 2010/10/17 15:36 (внешнее изменение)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki