Psi Instant Messenger

User Tools

Site Tools

Trace: • downloads • webkit • mingw32 • patches
skins_css

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
skins_css [2010/09/06 00:47] – disablerskins_css [2014/07/06 10:24] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== CSS в Psi+ ======
 +
 ===== Вступление ===== ===== Вступление =====
  
 +В данной статье рассмотрены и приведены примеры использования [[http://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%D1%8B%D0%B5_%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B_%D1%81%D1%82%D0%B8%D0%BB%D0%B5%D0%B9|CSS]] при оформлении скинов Psi+.
  
-В данной статье будут рассмотрены и приведены примеры использования [[http://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%D1%8B%D0%B5_%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B_%D1%81%D1%82%D0%B8%D0%BB%D0%B5%D0%B9|CSS]] при оформлении скинов Psi+. 
  
 +Условно статья поделена на два больших раздела -- **Ростер** и **Чат**.
  
-Условно статья поделена на два больших раздела -- *Ростер* и *Чат*. 
  
 +===== Ростер =====
  
 +==== QToolBar ====
  
-----+Нижняя панель ростера с кнопками:
  
 +{{:psiplus_css_qtoolbar001.png|Окно ростера с выделенными панелями}}
  
  
-==== Ростер ==== 
  
  
- +==== QStackedWidget ====
-== QToolBar == +
- +
-Нижняя панель ростера с кнопками: +
- +
-{{:psiplus_css_qtoolbar001.png}} +
- +
- +
- +
-== QStackedWidget ==+
  
 Виджет, содержащий элементы ростера: Виджет, содержащий элементы ростера:
  
-{{:psiplus_css_qstackedwidget.png}} +{{:psiplus_css_qstackedwidget.png|Окно ростера с выделенным виджетом, содержащим элементы ростера}}
- +
- +
- +
-----+
  
  
Line 41: Line 32:
  
  
-== QStackedWidget>QWidget>QLineEdit ==+=== QStackedWidget>QWidget>QLineEdit ===
  
 Строка ввода при поиске пользователей по ростеру: Строка ввода при поиске пользователей по ростеру:
  
-{{psiplus_css_qstackedwidget_qwidget_qlineedit.png}}+{{:psiplus_css_qstackedwidget_qwidget_qlineedit.png|Окно ростера с выделенной строкой поиска по ростеру}}
  
  
  
-== QLineEdit#le_status_text ==+=== QLineEdit#le_status_text ===
  
 Строка ввода статусного сообщения: Строка ввода статусного сообщения:
  
-{{psiplus_css_qlineedit_le_status_text.png}} +{{:psiplus_css_qlineedit_le_status_text.png|Окно ростера с выделеной строкой ввода статусного сообщения}}
- +
- +
- +
-----+
  
  
Line 69: Line 56:
  
  
-  * *alternate-background-color* - чередующаяся раскраска областей фона ростера:+=== alternate-background-color === 
 +Чередующаяся раскраска областей фона ростера:
  
-{{psiplus_css_qtreeview_alternate_background_color.png}}+{{:psiplus_css_qtreeview_alternate_background_color.png|Щкно ростера с чередующейся раскраской областей фона ростера}}
  
  
  
-  * *selection-background-color* - фон выбранного элемента ростера:+=== selection-background-color === 
 +Фон выбранного элемента ростера:
    
-{{psiplus_css_qtreeview_selection_background_color.png}}+{{:psiplus_css_qtreeview_selection_background_color.png|Окно ростера с выделенным фоном выбранного элемента ростера}}
  
  
  
-  * *selection-color* - цвет текста выбранного элемента ростера:+=== selection-color === 
 +Цвет текста выбранного элемента ростера:
  
-{{psiplus_css_qtreeview_selection_color.png}}+{{:psiplus_css_qtreeview_selection_color.png|Окно ростера с измененным цветом выбранного элемента ростера}}
  
- 
- 
----- 
  
  
Line 95: Line 82:
  
  
-== MLabel ==+=== MLabel ===
  
-Область оповещения о событиях:<br>+Область оповещения о событиях
  
-{{psiplus_css_qlabel_mlabel.png+{{:psiplus_css_qlabel_mlabel.png|Окно ростера с выделенной областью оповещения о событиях}}
  
  
  
-== QLabel#lb_nick ==+=== QLabel#lb_nick ===
  
-Область верхнего фрейма где расположен ник:<br>+Область верхнего фрейма где расположен ник
  
-{{psiplus_css_qlabel_lb_nick.png}}+{{:psiplus_css_qlabel_lb_nick.png|Окно ростера с выделенной областью где расположен ник}}
  
  
  
-== QLabel#lb_avatar == +=== QLabel#lb_avatar ===
  
-Аватар на верхней панели:<br>+Аватар на верхней панели
  
-{{psiplus_css_qlabel_lb_avatar.png}} +{{:psiplus_css_qlabel_lb_avatar.png|Окно ростера с выделенной областью где расположен аватар}}
- +
- +
- +
-----+
  
  
Line 125: Line 108:
 ==== QToolButton ==== ==== QToolButton ====
  
 +=== QToolButton ===
  
 Кнопки на панелях: Кнопки на панелях:
  
-{{psiplus_css_qtoolbutton001.png}}+{{:psiplus_css_qtoolbutton001.png|Окно ростера с выделенными кнопками на панелях}}
  
  
  
-== QToolButton#tb_mood ==+=== QToolButton#tb_mood ===
  
 Кнопка выбора настроения: Кнопка выбора настроения:
  
-{{psiplus_css_qtoolbutton_tb_mood.png}}+{{:psiplus_css_qtoolbutton_tb_mood.png|Окно ростера с выделенной кнопкой выбора настроений}}
  
  
  
-== QToolButton#tb_activity ==+=== QToolButton#tb_activity ===
  
 Кнопка выбора занятия: Кнопка выбора занятия:
  
-{{psiplus_css_qtoolbutton_tb_activity.png}}+{{:psiplus_css_qtoolbutton_tb_activity.png|Окно ростера с выделенной кнопкой выбора занятий}}
  
  
  
-== QToolButton#tb_status ==+=== QToolButton#tb_status ===
  
 Кнопка выбора статуса в верхней панели ростера: Кнопка выбора статуса в верхней панели ростера:
  
-{{psiplus_css_qtoolbutton_tb_status.png}} +{{:psiplus_css_qtoolbutton_tb_status.png|Окно ростера с выделенной кнопкой выбора статуса}}
- +
- +
- +
-----+
  
  
Line 165: Line 144:
  
  
-== QScrollBar:vertical ==+=== QScrollBar:vertical ===
  
 Полоса вертикального скролбара: Полоса вертикального скролбара:
  
-{{psiplus_css_qscrollbar_vertical.png}}+{{:psiplus_css_qscrollbar_vertical.png|Окно ростера с выделенной полосой вертикального скролбара}}
  
  
  
-== QScrollBar::handle:vertical ==+=== QScrollBar::handle:vertical ===
  
 Бегунок вертикального скролбара: Бегунок вертикального скролбара:
  
-{{psiplus_css_qscrollbar_handle_vertical.png}}+{{:psiplus_css_qscrollbar_handle_vertical.png|Окно ростера с выделенным бегуноком вертикального скролбара}}
  
  
  
-== QScrollBar::add-line:vertical ==+=== QScrollBar::add-line:vertical ===
  
 Нижняя кнопка перемещения скролбара: Нижняя кнопка перемещения скролбара:
  
-{{psiplus_css_qscrollbar_add_line_vertical.png}}+{{:psiplus_css_qscrollbar_add_line_vertical.png|Окно ростера с выделенной нижней кнопкой перемещения скролбара}}
  
  
  
-== QScrollBar::sub-line:vertical ==+=== QScrollBar::sub-line:vertical ===
  
 Верхняя кнопка перемещения скролбара: Верхняя кнопка перемещения скролбара:
  
-{{psiplus_css_qscrollbar_sub_line_vertical.png}}+{{:psiplus_css_qscrollbar_sub_line_vertical.png|Окно ростера с выделенной верхней кнопкой перемещения скролбара}}
  
  
  
-== PsiContactListView ==+==== PsiContactListView ====
  
 Область ростера где располагается список контактов: Область ростера где располагается список контактов:
  
-{{psiplus_css_psicontactlistview.png}}+{{:psiplus_css_psicontactlistview.png|Окно ростера с выделенной областью ростера где располагается список контактов}}
  
  
- +==== PopupActionButton ==== 
-== PopupActionButton == +
  
 Главная кнопка Psi и продолговатая кнопка статуса с названием статуса: Главная кнопка Psi и продолговатая кнопка статуса с названием статуса:
  
-{{psiplus_css_popupactionbutton.png}}+{{:psiplus_css_popupactionbutton.png|Окно ростера с выделенной главной кнопкой Psi и продолговатой кнопкой статуса}}
  
  
- +==== QMenu ==== 
-== QMenu == +
  
 Главное меню: Главное меню:
  
-{{psiplus_css_qmenu.png}} +{{:psiplus_css_qmenu.png|Окно ростера с выделенным главным меню}}
  
  
-== QMainWindow ==+==== QMainWindow ====
  
 Фон родительского виджета: Фон родительского виджета:
  
-{{psiplus_css_qmainwindow.png}}+{{:psiplus_css_qmainwindow.png|Окно ростера с выделенным фоном родительского виджета}}
  
  
  
----- 
  
----- 
  
  
 +===== Чат =====
  
-= Чат = +==== QWidget ====
- +
- +
- +
-== QWidget ==+
  
  
Line 245: Line 216:
 === QWidget#bottomFrame === === QWidget#bottomFrame ===
  
-Область окна чата вокруг средней панели, поля ввода и кнопки отправки сообщения:<br>+Область окна чата вокруг средней панели, поля ввода и кнопки отправки сообщения:
  
-  {{psiplus_css_qwidget_bottomframe.png+{{:psiplus_css_qwidget_bottomframe.png|Окно чата с выделенной областью вокруг средней панели, поля ввода и кнопки отправки сообщения}}
  
  
Line 253: Line 224:
 === QWidget#bottomFrame>QWidget>QTextEdit === === QWidget#bottomFrame>QWidget>QTextEdit ===
  
-Область ввода сообщения:<br>+Область ввода сообщения:
  
-  {{psiplus_css_qwidget_bottomframe_qwidget_qtextedit.png+{{:psiplus_css_qwidget_bottomframe_qwidget_qtextedit.png|Окно чата с выделенным фоном поля ввода сообщения}}
  
  
Line 261: Line 232:
 === QWidget#tab_affiliations === === QWidget#tab_affiliations ===
  
-Поле таба с JID'ами участников в конфигураторе конференции:<br>+Поле таба с JID'ами участников в конфигураторе конференции:
  
-  {{psiplus_css_qwidget_tab_affiliations.png+{{:psiplus_css_qwidget_tab_affiliations.png|Окно конфигуратора конференции}}
  
  
Line 269: Line 240:
 === QWidget#tab_general === === QWidget#tab_general ===
  
-Поле таба *Настройка* в конфигураторе конференции:<br>+Поле таба *Настройка* в конфигураторе конференции:
  
-  {{psiplus_css_qwidget_tab_general.png+{{:psiplus_css_qwidget_tab_general.png|Окно конфигуратора конференции}}
  
  
Line 277: Line 248:
 === QWidget#avatar === === QWidget#avatar ===
  
-Аватар собеседника:<br>+Аватар собеседника:
  
-  {{psiplus_css_qwidget_avatar.png+{{:psiplus_css_qwidget_avatar.png|Окно чата с выделенной областью где расположен аватар}}
  
  
Line 285: Line 256:
 === QWidget#pte_topic === === QWidget#pte_topic ===
  
-Область ввода текста топика:<br>+Область ввода текста топика:
  
-  {{psiplus_css_qwidget_pte_topic.png+{{:psiplus_css_qwidget_pte_topic.png|Окно топика конференции с выделенной областью ввода текста}}
  
  
 +==== QPushButton ====
  
----- +Кнопки в диалогах:
- +
- +
- +
-== QPushButton == +
- +
- +
- +
-Кнопки в диалогах:<br> +
- +
-  {{psiplus_css_qpushbutton.png+
  
 +{{:psiplus_css_qpushbutton.png|Окна чата и топика с выделенными кнопками}}
  
  
 === QPushButton#pb_topic === === QPushButton#pb_topic ===
  
-Кнопка вызова редактора топика:<br> +Кнопка вызова редактора топика:
- +
-  {{psiplus_css_qpushbutton_pb_topic.png+
  
 +{{:psiplus_css_qpushbutton_pb_topic.png|Окно чата с выделенной кнопкой вызова редактора топика}}
  
  
 === QPushButton#pb_send === === QPushButton#pb_send ===
  
-Кнопка отправки сообщения:<br>+Кнопка отправки сообщения:
  
-  {{psiplus_css_qpushbutton_pb_send.png+{{:psiplus_css_qpushbutton_pb_send.png|Окно чата с выделенной кнопкой отправки сообщения}}
  
  
  
----- 
  
 +==== QToolBar ====
  
 +=== QToolBar ===
  
-== QToolBar == +Средняя панель и панель поиска:
- +
- +
- +
-Средняя панель и панель поиска:<br> +
- +
-  {{psiplus_css_qtoolbar.png+
  
 +{{:psiplus_css_qtoolbar.png|Окно чата с выделенными панелями инструментов}}
  
  
 === QToolBar#toolbar === === QToolBar#toolbar ===
  
-Средняя панель отдельно:<br>+Средняя панель отдельно:
  
-  {{psiplus_css_qtoolbar_toolbar.png+{{:psiplus_css_qtoolbar_toolbar.png|Окно чата с выделенной центральной панелью}}
  
  
  
----- 
  
 +==== QDialog ====
  
 +Фон диалогового окна:
  
-== QDialog == +{{:psiplus_css_qdialog001.png|Окно конфигуратора конференции с выделенным фоном}}
- +
- +
- +
-Фон диалогового окна:<br> +
- +
-  {{psiplus_css_qdialog001.png<br>+
  
      
- +{{:psiplus_css_qdialog002.png|Окно закладок конференции с выделенным фоном}}
-  {{psiplus_css_qdialog002.png<br> +
      
  
-  {{psiplus_css_qdialog003.png<br>+{{:psiplus_css_qdialog003.png|Окно топика конференции с выделенным фоном}}
  
-   
  
-  {{psiplus_css_qdialog004.png+{{:psiplus_css_qdialog004.png|Окно диалога с выделенным фоном}}
  
  
Line 371: Line 321:
 === QDialog>QFrame === === QDialog>QFrame ===
  
-Фон области диалога с текстом:<br>+Фон области диалога с текстом:
  
-  {{psiplus_css_qdialog_qframe.png+{{:psiplus_css_qdialog_qframe.png|Окно закладки конференции с выделенным фоном текста}}
  
  
Line 379: Line 329:
 === QDialog>QLineEdit === === QDialog>QLineEdit ===
  
-Поле ввода в диалоговом окне:<br>+Поле ввода в диалоговом окне:
  
-  {{psiplus_css_qdialog_qlineedit.png+{{:psiplus_css_qdialog_qlineedit.png|Окно закладки конференции с выделенным фоном поля ввода текста}}
  
  
Line 387: Line 337:
 === QDialog QTabBar === === QDialog QTabBar ===
  
-Вкладки в диалоге настройки конференции:<br>+Вкладки в диалоге настройки конференции:
  
-  {{psiplus_css_qdialog_qtabbar.png+{{:psiplus_css_qdialog_qtabbar.png|Окно конфигуратора конференции с выделенным фоном области расположения табов}}
  
  
Line 395: Line 345:
 === QDialog#MUCConfig === === QDialog#MUCConfig ===
  
-Окно конфигуратора конференции:<br> +Окно конфигуратора конференции:
- +
-  {{psiplus_css_qdialog_mucconfig.png +
- +
- +
- +
-----+
  
 +{{:psiplus_css_qdialog_mucconfig.png|Окно конфигуратора конференции с выделенным фоном}}
  
  
-== QFrame == 
  
  
 +==== QFrame ====
  
 === QFrame#tv_affiliations === === QFrame#tv_affiliations ===
  
-Фон области окна таба со списком JID'ов в конфигураторе конференции:<br> +Фон области окна таба со списком JID'ов в конфигураторе конференции:
- +
-  {{psiplus_css_qframe_tv_affiliations.png+
  
 +{{:psiplus_css_qframe_tv_affiliations.png|Окно конфигуратора конференции с выделенным фоном области расположения jid'ов и ролей}}
  
  
 === QFrame#log === === QFrame#log ===
  
-Область чатлога:<br> +Область чатлога:
- +
-  {{psiplus_css_qframe_log.png+
  
 +{{:psiplus_css_qframe_log.png|Окно чата с выделенной областью чатлога}}
  
  
 === QFrame#topFrame === === QFrame#topFrame ===
  
-Верхняя часть окна чата вокруг чатлога и ростера конференции:<br>+Верхняя часть окна чата вокруг чатлога и ростера конференции:
  
-  {{psiplus_css_qframe_topframe.png+{{:psiplus_css_qframe_topframe.png|Окно чата с выделенной верхней частью окна чата вокруг чатлога и ростера конференции}}
  
  
  
----- 
- 
- 
- 
-== QSplitter == 
  
  
 +==== QSplitter ====
  
 === QSplitter::handle === === QSplitter::handle ===
  
-Полоса изменения размера чатлога и поля ввода сообщения:<br>+Полоса изменения размера чатлога и поля ввода сообщения:
  
-  {{psiplus_css_qsplitter_handle.png+{{:psiplus_css_qsplitter_handle.png|Окно чата с выделенными активными областями предназначенными для изменения размеров чатлога, строки ввода сообщения}}
  
  
- 
----- 
- 
- 
- 
-== QTabBar == 
  
  
 +==== QTabBar ====
  
 === QTabBar::tab:hover === === QTabBar::tab:hover ===
  
-Выбранный таб:<br> +Выбранный таб:
- +
-  {{psiplus_css_qtabbar_tab_hover.png+
  
 +{{:psiplus_css_qtabbar_tab_hover.png|Окно чата с выделенным выбранным табом }}
  
  
 === QTabBar::tab:selected === === QTabBar::tab:selected ===
  
-Активный таб:<br> +Активный таб:
- +
-  {{psiplus_css_qtabbar_tab_selected.png+
  
 +{{:psiplus_css_qtabbar_tab_selected.png|Окно чата с выделенным активным табом}}
  
  
 === QTabBar::tab === === QTabBar::tab ===
  
-Неактивный и невыбранный таб:<br>+Неактивный и невыбранный таб:
  
-  {{psiplus_css_qtabbar_tab.png+{{:psiplus_css_qtabbar_tab.png|Окно чата с выделенным неактивным и невыбранным табом}}
  
  
  
----- +==== QScrollBar ====
- +
- +
- +
-== QScrollBar == +
- +
  
 === QScrollBar:vertical === === QScrollBar:vertical ===
  
-Полоса вертикального скролбара:<br> +Полоса вертикального скролбара:
- +
-  {{psiplus_css_qscrollbar_vertical__chat.png+
  
 +{{:psiplus_css_qscrollbar_vertical__chat.png|Окно чата с выделенной полосой вертикального скролбара}}
  
  
 === QScrollBar::handle:vertical === === QScrollBar::handle:vertical ===
  
-Бегунок вертикального скролбара:<br> +Бегунок вертикального скролбара:
- +
-  {{psiplus_css_qscrollbar_handle_vertical__chat.png+
  
 +{{:psiplus_css_qscrollbar_handle_vertical__chat.png|Окно чата с выделенным бегунком вертикального скролбара}}
  
  
 === QScrollBar::add-line:vertical === === QScrollBar::add-line:vertical ===
  
-Нижняя кнопка перемещения скролбара:<br> +Нижняя кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_add_line_vertical__chat.png+
  
 +{{:psiplus_css_qscrollbar_add_line_vertical__chat.png|Окно чата с выделенной нижней кнопкой перемещения скролбара}}
  
  
 === QScrollBar::sub-line:vertical === === QScrollBar::sub-line:vertical ===
  
-Верхняя кнопка перемещения скролбара:<br> +Верхняя кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_sub_line_vertical__chat.png+
  
 +{{:psiplus_css_qscrollbar_sub_line_vertical__chat.png|Окно чата с выделенной верхней кнопкой перемещения скролбара}}
  
  
 === QScrollBar::add-line:vertical:pressed === === QScrollBar::add-line:vertical:pressed ===
  
-Нижняя нажатая кнопка перемещения скролбара:<br> +Нижняя нажатая кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_add_line_vertical_pressed__chat.png+
  
 +{{:psiplus_css_qscrollbar_add_line_vertical_pressed__chat.png|Окно чата с выделенной нижней нажатой кнопкой перемещения скролбара}}
  
  
 === QScrollBar::sub-line:vertical:pressed === === QScrollBar::sub-line:vertical:pressed ===
  
-Верхняя нажатая кнопка перемещения скролбара:<br> +Верхняя нажатая кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_sub_line_vertical_pressed__chat.png+
  
 +{{:psiplus_css_qscrollbar_sub_line_vertical_pressed__chat.png|Окно чата с выделенной верхней нажатой кнопкой перемещения скролбара}}
  
  
 === QScrollBar:horizontal === === QScrollBar:horizontal ===
  
-Полоса горизонтального скролбара:<br> +Полоса горизонтального скролбара:
- +
-  {{psiplus_css_qscrollbar_horizontal__chat.png+
  
 +{{:psiplus_css_qscrollbar_horizontal__chat.png|Окно конфигуратора с выделенной полосой горизонтального скролбара}}
  
  
 === QScrollBar::handle:horizontal === === QScrollBar::handle:horizontal ===
  
-Бегунок горизонтального скралбара:<br> +Бегунок горизонтального скралбара:
- +
-  {{psiplus_css_qscrollbar_handle_horizontal__chat.png+
  
 +{{:psiplus_css_qscrollbar_handle_horizontal__chat.png|Окно конфигуратора с выделенным бегунком горизонтального скралбара}}
  
  
 === QScrollBar::add-line:horizontal === === QScrollBar::add-line:horizontal ===
  
-Нижняя кнопка перемещения скролбара:<br> +Нижняя кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_add_line_horizontal__chat.png+
  
 +{{:psiplus_css_qscrollbar_add_line_horizontal__chat.png|Окно конфигуратора с выделенной правой кнопкой перемещения скролбара}}
  
  
 === QScrollBar::sub-line:horizontal === === QScrollBar::sub-line:horizontal ===
  
-Верхняя кнопка перемещения скролбара:<br> +Верхняя кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_sub_line_horizontal__chat.png+
  
 +{{:psiplus_css_qscrollbar_sub_line_horizontal__chat.png|Окно конфигуратора с выделенной левой кнопкой перемещения скролбара}}
  
  
 === QScrollBar::add-line:horizontal:pressed === === QScrollBar::add-line:horizontal:pressed ===
  
-Нижняя нажатая кнопка перемещения скролбара:<br> +Нижняя нажатая кнопка перемещения скролбара:
- +
-  {{psiplus_css_qscrollbar_add_line_horizontal_pressed__chat.png+
  
 +{{:psiplus_css_qscrollbar_add_line_horizontal_pressed__chat.png|Окно конфигуратора с выделенной правой нажатой кнопкой перемещения скролбара}}
  
  
 === QScrollBar::sub-line:horizontal:pressed === === QScrollBar::sub-line:horizontal:pressed ===
  
-Верхняя нажатая кнопка перемещения скролбара:<br>+Верхняя нажатая кнопка перемещения скролбара:
  
-  {{psiplus_css_qscrollbar_sub_line_horizontal_pressed__chat.png+{{:psiplus_css_qscrollbar_sub_line_horizontal_pressed__chat.png|Окно конфигуратора с выделенной левой нажатой кнопкой перемещения скролбара}}
  
  
- 
----- 
- 
- 
- 
-== QLabel == 
  
  
 +==== QLabel ====
  
 === QLabel#lb_count === === QLabel#lb_count ===
  
-Счётчик символов:<br> +Счётчик символов:
- +
-  {{psiplus_css_qlabel_lb_count.png+
  
 +{{:psiplus_css_qlabel_lb_count.png|Окно чата с выделеным счетчиком символов}}
  
  
 === QLabel#lb_ident === === QLabel#lb_ident ===
  
-Идентификатор аккаунта:<br>+Идентификатор аккаунта:
  
-  {{psiplus_css_qlabel_lb_ident.png +{{:psiplus_css_qlabel_lb_ident.png|Окно чата с выделенным идентификатором аккаунта}}
- +
- +
- +
----- +
- +
- +
- +
-== QLineEdite ==+
  
  
 +==== QLineEdite ====
  
 === QLineEdit#le_topic === === QLineEdit#le_topic ===
  
-Строка топика:<br> +Строка топика:
- +
-  {{psiplus_css_qlineedit_le_topic.png+
  
 +{{:psiplus_css_qlineedit_le_topic.png|Окно чата с выделенной строкой топика}}
  
  
 === QLineEdit#le_jid === === QLineEdit#le_jid ===
  
-Строка с JID'ом собеседника:<br> +Строка с JID'ом собеседника:
- +
-  {{psiplus_css_qlineedit_le_jid.png+
  
 +{{:psiplus_css_qlineedit_le_jid.png|Окно чата с выделенной строкой JID'а собеседника}}
  
  
 === QLineEdit#le_filter === === QLineEdit#le_filter ===
  
-Поиск по JID'ам в конфигураторе конференции:<br>+Поиск по JID'ам в конфигураторе конференции:
  
-  {{psiplus_css_qlineedit_le_filter.png+{{:psiplus_css_qlineedit_le_filter.png|Окно конфигуратора с выделенной строкой поиска}}
  
  
  
-== `TabDlg` == 
  
 +==== TabDlg ====
  
 +Рамка по границам окна чата:
  
-Рамка по границам окна чата:<br>+{{:psiplus_css_tabdlg.png|Окно чата с выделенным фоном}}
  
-  {{psiplus_css_tabdlg.png 
  
  
  
-== `PsiTabBar` ==+==== PsiTabBar ====
  
 +Фон под вкладками открытых чатов:
  
 +{{:psiplus_css_psitabbar.png|Окно чата с выделенной областью расположения вкладок}}
  
-Фон под вкладками открытых чатов:<br> 
  
-  {{psiplus_css_psitabbar.png 
  
  
 +==== GroupchatTopicDlg ====
  
-== `GroupchatTopicDlg` ==+Окно топика конференции:
  
 +{{:psiplus_css_groupchattopicdlg.png|Окно топика конференции}}
  
  
-Окно топика конференции:<br> 
  
-  {{psiplus_css_groupchattopicdlg.png +==== QToolButton ====
- +
- +
- +
-== QToolButton == +
- +
- +
- +
-Кнопки на средней панели инструментов:<br> +
- +
-  {{psiplus_css_qtoolbutton.png +
- +
- +
- +
-== `Q3ListView` == +
- +
- +
- +
-Фон ростера конференции:<br> +
- +
-  {{psiplus_css_q3listview.png +
- +
- +
- +
-== `TypeAheadFindBar>QLineEdit` ==  +
- +
- +
- +
-Строка поиска на панели поиска:<br> +
- +
-  {{psiplus_css_typeaheadfindbar_qlineedit.png +
- +
- +
- +
-== QMenu == +
- +
-Выпадающее контекстное меню на заголовке таба:<br>+
  
-  {{psiplus_css_qmenu__chat.png+Кнопки на средней панели инструментов:
  
 +{{:psiplus_css_qtoolbutton.png|Окно чата с выделенными кнопками на центральной панели}}
  
  
----- 
  
  
 +==== Q3ListView ====
  
-*СТРАНИЦА НЕ ЗАКОНЧЕНА И НАХОДИТСЯ В ПРОЦЕССЕ ВЁРСТКИ!*+Фон ростера конференции:
  
 +{{:psiplus_css_q3listview.png|Окно чата с выделенным фоном ростера конференции}}
  
  
-*Замеченные ошибки и предложения просьба указывать в комментариях ниже.* 
  
  
 +==== TypeAheadFindBar>QLineEdit ==== 
  
 +Строка поиска на панели поиска:
  
 +{{:psiplus_css_typeaheadfindbar_qlineedit.png|Окно чата с выделенной строкой поиска}}
 +==== QMenu ====
  
 +Выпадающее контекстное меню на заголовке таба:
  
 +{{:psiplus_css_qmenu__chat.png|Окно чата с выделенным выпадающим контекстным меню}}
  
 +==== HeaderFrame ====
  
 +=== QFrame#headerFrame ===
 +Фрейм заголовка
 +=== QToolButton#hideButton ===
 +Кнопка свернуть 
 +=== QToolButton#maximizeButton ===
 +Кнопка развернуть 
 +=== QToolButton#closeButton ===
 +Кнопка закрыть 
  
  
skins_css.1283734044.txt.gz · Last modified: 2010/10/17 15:36 (external edit)
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki