Psi Instant Messenger

User Tools

Site Tools

Trace: • syntax • meego • downloads
skins_css

Differences

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

Link to this comparison view

Next revision		Previous revision
skins_css [2010/09/05 23:21] – внешнее изменение 127.0.0.1skins_css [2014/07/06 10:24] (current) – external edit 127.0.0.1
Line 1: Line 1:
-#summary|CSS for Psi+ skins (ru). +====== CSS в Psi+ ======
-#labels Phase-Design,Phase-Implementation+
  
-= Вступление =+===== Вступление =====
  
-В данной статье будут рассмотрены и приведены примеры использования [[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 == +===== Ростер =====
-Нижняя панель ростера с кнопками:<br> +
-  {{psiplus_css_qtoolbar001.png+
  
-=== QStackedWidget === +==== QToolBar ==== 
-Виджет, содержащий элементы ростера:<br> + 
-  {{psiplus_css_qstackedwidget.png+Нижняя панель ростера с кнопками: 
 + 
 +{{:psiplus_css_qtoolbar001.png|Окно ростера с выделенными панелями}} 
 + 
 + 
 + 
 + 
 +==== QStackedWidget ==== 
 + 
 +Виджет, содержащий элементы ростера: 
 + 
 +{{:psiplus_css_qstackedwidget.png|Окно ростера с выделенным виджетом, содержащим элементы ростера}} 
 + 
 + 
 + 
 +==== QLineEdit ====
  
----- 
  
-== QLineEdit == 
  
 === QStackedWidget>QWidget>QLineEdit === === QStackedWidget>QWidget>QLineEdit ===
-Строка ввода при поиске пользователей по ростеру:<br> + 
-  {{psiplus_css_qstackedwidget_qwidget_qlineedit.png+Строка ввода при поиске пользователей по ростеру: 
 + 
 +{{:psiplus_css_qstackedwidget_qwidget_qlineedit.png|Окно ростера с выделенной строкой поиска по ростеру}} 
 + 
  
 === QLineEdit#le_status_text === === QLineEdit#le_status_text ===
-Строка ввода статусного сообщения:<br> 
-  {{psiplus_css_qlineedit_le_status_text.png 
  
-----+Строка ввода статусного сообщения: 
 + 
 +{{:psiplus_css_qlineedit_le_status_text.png|Окно ростера с выделеной строкой ввода статусного сообщения}} 
 + 
 + 
 + 
 +==== QTreeView ==== 
  
-== QTreeView == 
  
 Настройка внешнего вида отдельного ника. Настройка внешнего вида отдельного ника.
  
-  * *alternate-background-color* - чередующаяся раскраска областей фона ростера:<br> 
-  {{psiplus_css_qtreeview_alternate_background_color.png 
  
-  * *selection-background-color* - фон выбранного элемента ростера:<br> 
-  {{psiplus_css_qtreeview_selection_background_color.png 
  
-  * *selection-color* - цвет текста выбранного элемента ростера:<br> +=== alternate-background-color === 
-  {{psiplus_css_qtreeview_selection_color.png+Чередующаяся раскраска областей фона ростера: 
 + 
 +{{:psiplus_css_qtreeview_alternate_background_color.png|Щкно ростера с чередующейся раскраской областей фона ростера}} 
 + 
 + 
 + 
 +=== selection-background-color === 
 +Фон выбранного элемента ростера: 
 +  
 +{{:psiplus_css_qtreeview_selection_background_color.png|Окно ростера с выделенным фоном выбранного элемента ростера}} 
 + 
 + 
 + 
 +=== selection-color === 
 +Цвет текста выбранного элемента ростера: 
 + 
 +{{:psiplus_css_qtreeview_selection_color.png|Окно ростера с измененным цветом выбранного элемента ростера}} 
 + 
 + 
 + 
 + 
 +==== QLabel ===
  
----- 
  
-== QLabel == 
  
 === 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 
  
-=== QLabel#lb_avatar ===  +Область верхнего фрейма где расположен ник
-Аватар на верхней панели:<br> +
-  {{psiplus_css_qlabel_lb_avatar.png+
  
-----+{{:psiplus_css_qlabel_lb_nick.png|Окно ростера с выделенной областью где расположен ник}} 
 + 
 + 
 + 
 +=== QLabel#lb_avatar === 
 + 
 +Аватар на верхней панели 
 + 
 +{{:psiplus_css_qlabel_lb_avatar.png|Окно ростера с выделенной областью где расположен аватар}} 
 + 
 + 
 + 
 +==== QToolButton ==== 
 + 
 +=== QToolButton === 
 + 
 +Кнопки на панелях: 
 + 
 +{{:psiplus_css_qtoolbutton001.png|Окно ростера с выделенными кнопками на панелях}}
  
-== QToolButton == 
  
-Кнопки на панелях:<br> 
-  {{psiplus_css_qtoolbutton001.png 
  
 === QToolButton#tb_mood === === QToolButton#tb_mood ===
-Кнопка выбора настроения:<br> + 
-  {{psiplus_css_qtoolbutton_tb_mood.png+Кнопка выбора настроения: 
 + 
 +{{:psiplus_css_qtoolbutton_tb_mood.png|Окно ростера с выделенной кнопкой выбора настроений}} 
 + 
  
 === QToolButton#tb_activity === === QToolButton#tb_activity ===
-Кнопка выбора занятия:<br> + 
-  {{psiplus_css_qtoolbutton_tb_activity.png+Кнопка выбора занятия: 
 + 
 +{{:psiplus_css_qtoolbutton_tb_activity.png|Окно ростера с выделенной кнопкой выбора занятий}} 
 + 
  
 === QToolButton#tb_status === === QToolButton#tb_status ===
-Кнопка выбора статуса в верхней панели ростера:<br> 
-  {{psiplus_css_qtoolbutton_tb_status.png 
  
-----+Кнопка выбора статуса в верхней панели ростера: 
 + 
 +{{:psiplus_css_qtoolbutton_tb_status.png|Окно ростера с выделенной кнопкой выбора статуса}} 
 + 
 + 
 + 
 +==== QScrollBar ==== 
  
-== QScrollBar == 
  
 === QScrollBar:vertical === === QScrollBar:vertical ===
-Полоса вертикального скролбара:<br> + 
-  {{psiplus_css_qscrollbar_vertical.png+Полоса вертикального скролбара: 
 + 
 +{{:psiplus_css_qscrollbar_vertical.png|Окно ростера с выделенной полосой вертикального скролбара}} 
 + 
  
 === QScrollBar::handle:vertical === === QScrollBar::handle:vertical ===
-Бегунок вертикального скролбара:<br> + 
-  {{psiplus_css_qscrollbar_handle_vertical.png+Бегунок вертикального скролбара: 
 + 
 +{{:psiplus_css_qscrollbar_handle_vertical.png|Окно ростера с выделенным бегуноком вертикального скролбара}} 
 + 
  
 === QScrollBar::add-line:vertical === === QScrollBar::add-line:vertical ===
-Нижняя кнопка перемещения скролбара:<br> + 
-  {{psiplus_css_qscrollbar_add_line_vertical.png+Нижняя кнопка перемещения скролбара: 
 + 
 +{{:psiplus_css_qscrollbar_add_line_vertical.png|Окно ростера с выделенной нижней кнопкой перемещения скролбара}} 
 + 
  
 === QScrollBar::sub-line:vertical === === QScrollBar::sub-line:vertical ===
-Верхняя кнопка перемещения скролбара:<br> 
-  {{psiplus_css_qscrollbar_sub_line_vertical.png 
  
-=== `PsiContactListView` === +Верхняя кнопка перемещения скролбара:
-Область ростера где располагается список контактов:<br> +
-  {{psiplus_css_psicontactlistview.png+
  
-=== `PopupActionButton` ===  +{{:psiplus_css_qscrollbar_sub_line_vertical.png|Окно ростера с выделенной верхней кнопкой перемещения скролбара}}
-Главная кнопка Psi и продолговатая кнопка статуса с названием статуса:<br> +
-  {{psiplus_css_popupactionbutton.png+
  
-=== QMenu ===  
-Главное меню:<br> 
-  {{psiplus_css_qmenu.png 
  
-=== QMainWindow === 
-Фон родительского виджета:<br> 
-  {{psiplus_css_qmainwindow.png 
  
----- +==== PsiContactListView ==== 
-----+ 
 +Область ростера где располагается список контактов: 
 + 
 +{{:psiplus_css_psicontactlistview.png|Окно ростера с выделенной областью ростера где располагается список контактов}} 
 + 
 + 
 +==== PopupActionButton ====  
 + 
 +Главная кнопка Psi и продолговатая кнопка статуса с названием статуса: 
 + 
 +{{:psiplus_css_popupactionbutton.png|Окно ростера с выделенной главной кнопкой Psi и продолговатой кнопкой статуса}} 
 + 
 + 
 +==== QMenu ====  
 + 
 +Главное меню: 
 + 
 +{{:psiplus_css_qmenu.png|Окно ростера с выделенным главным меню}} 
 + 
 + 
 +==== QMainWindow ==== 
 + 
 +Фон родительского виджета: 
 + 
 +{{:psiplus_css_qmainwindow.png|Окно ростера с выделенным фоном родительского виджета}} 
 + 
 + 
 + 
 + 
 + 
 + 
 +===== Чат ===== 
 + 
 +==== QWidget ====
  
-= Чат = 
  
-== QWidget == 
  
 === QWidget#bottomFrame === === QWidget#bottomFrame ===
-Область окна чата вокруг средней панели, поля ввода и кнопки отправки сообщения:<br> + 
-  {{psiplus_css_qwidget_bottomframe.png+Область окна чата вокруг средней панели, поля ввода и кнопки отправки сообщения: 
 + 
 +{{:psiplus_css_qwidget_bottomframe.png|Окно чата с выделенной областью вокруг средней панели, поля ввода и кнопки отправки сообщения}} 
 + 
  
 === QWidget#bottomFrame>QWidget>QTextEdit === === QWidget#bottomFrame>QWidget>QTextEdit ===
-Область ввода сообщения:<br> + 
-  {{psiplus_css_qwidget_bottomframe_qwidget_qtextedit.png+Область ввода сообщения: 
 + 
 +{{:psiplus_css_qwidget_bottomframe_qwidget_qtextedit.png|Окно чата с выделенным фоном поля ввода сообщения}} 
 + 
  
 === QWidget#tab_affiliations === === QWidget#tab_affiliations ===
-Поле таба с JID'ами участников в конфигураторе конференции:<br> + 
-  {{psiplus_css_qwidget_tab_affiliations.png+Поле таба с JID'ами участников в конфигураторе конференции: 
 + 
 +{{:psiplus_css_qwidget_tab_affiliations.png|Окно конфигуратора конференции}} 
 + 
  
 === QWidget#tab_general === === QWidget#tab_general ===
-Поле таба *Настройка* в конфигураторе конференции:<br> + 
-  {{psiplus_css_qwidget_tab_general.png+Поле таба *Настройка* в конфигураторе конференции: 
 + 
 +{{:psiplus_css_qwidget_tab_general.png|Окно конфигуратора конференции}} 
 + 
  
 === QWidget#avatar === === QWidget#avatar ===
-Аватар собеседника:<br> + 
-  {{psiplus_css_qwidget_avatar.png+Аватар собеседника: 
 + 
 +{{:psiplus_css_qwidget_avatar.png|Окно чата с выделенной областью где расположен аватар}} 
 + 
  
 === QWidget#pte_topic === === QWidget#pte_topic ===
-Область ввода текста топика:<br> 
-  {{psiplus_css_qwidget_pte_topic.png 
  
-----+Область ввода текста топика:
  
-== QPushButton ==+{{:psiplus_css_qwidget_pte_topic.png|Окно топика конференции с выделенной областью ввода текста}} 
 + 
 + 
 +==== QPushButton ==== 
 + 
 +Кнопки в диалогах: 
 + 
 +{{:psiplus_css_qpushbutton.png|Окна чата и топика с выделенными кнопками}}
  
-Кнопки в диалогах:<br> 
-  {{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 
  
-----+Кнопка отправки сообщения:
  
-== QToolBar ==+{{:psiplus_css_qpushbutton_pb_send.png|Окно чата с выделенной кнопкой отправки сообщения}} 
 + 
 + 
 + 
 + 
 +==== QToolBar ==== 
 + 
 +=== QToolBar === 
 + 
 +Средняя панель и панель поиска: 
 + 
 +{{:psiplus_css_qtoolbar.png|Окно чата с выделенными панелями инструментов}}
  
-Средняя панель и панель поиска:<br> 
-  {{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<br>+{{:psiplus_css_qdialog002.png|Окно закладок конференции с выделенным фоном}}
      
-  {{psiplus_css_qdialog003.png<br> + 
-   +{{:psiplus_css_qdialog003.png|Окно топика конференции с выделенным фоном}} 
-  {{psiplus_css_qdialog004.png+ 
 + 
 +{{:psiplus_css_qdialog004.png|Окно диалога с выделенным фоном}} 
 + 
  
 === QDialog>QFrame === === QDialog>QFrame ===
-Фон области диалога с текстом:<br> + 
-  {{psiplus_css_qdialog_qframe.png+Фон области диалога с текстом: 
 + 
 +{{:psiplus_css_qdialog_qframe.png|Окно закладки конференции с выделенным фоном текста}} 
 + 
  
 === QDialog>QLineEdit === === QDialog>QLineEdit ===
-Поле ввода в диалоговом окне:<br> + 
-  {{psiplus_css_qdialog_qlineedit.png+Поле ввода в диалоговом окне: 
 + 
 +{{:psiplus_css_qdialog_qlineedit.png|Окно закладки конференции с выделенным фоном поля ввода текста}} 
 + 
  
 === QDialog QTabBar === === QDialog QTabBar ===
-Вкладки в диалоге настройки конференции:<br> + 
-  {{psiplus_css_qdialog_qtabbar.png+Вкладки в диалоге настройки конференции: 
 + 
 +{{:psiplus_css_qdialog_qtabbar.png|Окно конфигуратора конференции с выделенным фоном области расположения табов}} 
 + 
  
 === QDialog#MUCConfig === === QDialog#MUCConfig ===
-Окно конфигуратора конференции:<br> 
-  {{psiplus_css_qdialog_mucconfig.png 
  
-----+Окно конфигуратора конференции:
  
-== QFrame ==+{{:psiplus_css_qdialog_mucconfig.png|Окно конфигуратора конференции с выделенным фоном}} 
 + 
 + 
 + 
 + 
 +==== QFrame ====
  
 === QFrame#tv_affiliations === === QFrame#tv_affiliations ===
-Фон области окна таба со списком JID'ов в конфигураторе конференции:<br> + 
-  {{psiplus_css_qframe_tv_affiliations.png+Фон области окна таба со списком JID'ов в конфигураторе конференции: 
 + 
 +{{: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 
  
-----+Верхняя часть окна чата вокруг чатлога и ростера конференции:
  
-== QSplitter ==+{{:psiplus_css_qframe_topframe.png|Окно чата с выделенной верхней частью окна чата вокруг чатлога и ростера конференции}} 
 + 
 + 
 + 
 + 
 + 
 +==== QSplitter ====
  
 === QSplitter::handle === === QSplitter::handle ===
-Полоса изменения размера чатлога и поля ввода сообщения:<br> 
-  {{psiplus_css_qsplitter_handle.png 
  
-----+Полоса изменения размера чатлога и поля ввода сообщения:
  
-== QTabBar ==+{{:psiplus_css_qsplitter_handle.png|Окно чата с выделенными активными областями предназначенными для изменения размеров чатлога, строки ввода сообщения}} 
 + 
 + 
 + 
 + 
 +==== 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 
  
-----+Верхняя нажатая кнопка перемещения скролбара:
  
-== QLabel ==+{{:psiplus_css_qscrollbar_sub_line_horizontal_pressed__chat.png|Окно конфигуратора с выделенной левой нажатой кнопкой перемещения скролбара}} 
 + 
 + 
 + 
 + 
 +==== 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 
  
-----+Идентификатор аккаунта:
  
-== QLineEdite ==+{{:psiplus_css_qlabel_lb_ident.png|Окно чата с выделенным идентификатором аккаунта}} 
 + 
 + 
 +==== 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> + 
-  {{psiplus_css_qlineedit_le_jid.png+Строка с JID'ом собеседника: 
 + 
 +{{:psiplus_css_qlineedit_le_jid.png|Окно чата с выделенной строкой JID'а собеседника}} 
  
 === QLineEdit#le_filter === === QLineEdit#le_filter ===
-Поиск по JID'ам в конфигураторе конференции:<br> 
-  {{psiplus_css_qlineedit_le_filter.png 
  
-== `TabDlg` ==+Поиск по JID'ам в конфигураторе конференции: 
 + 
 +{{:psiplus_css_qlineedit_le_filter.png|Окно конфигуратора с выделенной строкой поиска}} 
 + 
 + 
 + 
 + 
 +==== TabDlg ==== 
 + 
 +Рамка по границам окна чата: 
 + 
 +{{:psiplus_css_tabdlg.png|Окно чата с выделенным фоном}} 
 + 
 + 
 + 
 + 
 +==== PsiTabBar ==== 
 + 
 +Фон под вкладками открытых чатов: 
 + 
 +{{:psiplus_css_psitabbar.png|Окно чата с выделенной областью расположения вкладок}} 
 + 
 + 
 + 
 + 
 +==== GroupchatTopicDlg ==== 
 + 
 +Окно топика конференции: 
 + 
 +{{:psiplus_css_groupchattopicdlg.png|Окно топика конференции}} 
 + 
 + 
 + 
 +==== QToolButton ====
  
-Рамка по границам окна чата:<br> +Кнопки на средней панели инструментов:
-  {{psiplus_css_tabdlg.png+
  
-== `PsiTabBar` ==+{{:psiplus_css_qtoolbutton.png|Окно чата с выделенными кнопками на центральной панели}}
  
-Фон под вкладками открытых чатов:<br> 
-  {{psiplus_css_psitabbar.png 
  
-== `GroupchatTopicDlg` == 
  
-Окно топика конференции:<br> 
-  {{psiplus_css_groupchattopicdlg.png 
  
-== QToolButton ==+==== Q3ListView ====
  
-Кнопки на средней панели инструментов:<br> +Фон ростера конференции:
-  {{psiplus_css_qtoolbutton.png+
  
-== `Q3ListView` ==+{{:psiplus_css_q3listview.png|Окно чата с выделенным фоном ростера конференции}}
  
-Фон ростера конференции:<br> 
-  {{psiplus_css_q3listview.png 
  
-== `TypeAheadFindBar>QLineEdit` ==  
  
-Строка поиска на панели поиска:<br> 
-  {{psiplus_css_typeaheadfindbar_qlineedit.png 
  
-== QMenu == +==== TypeAheadFindBar>QLineEdit ==== 
-Выпадающее контекстное меню на заголовке таба:<br> +
-  {{psiplus_css_qmenu__chat.png+
  
-----+Строка поиска на панели поиска:
  
-*СТРАНИЦА НЕ ЗАКОНЧЕНА И НАХОДИТСЯ В ПРОЦЕССЕ ВЁРСТКИ!*+{{:psiplus_css_typeaheadfindbar_qlineedit.png|Окно чата с выделенной строкой поиска}} 
 +==== QMenu ====
  
-*Замеченные ошибки и предложения просьба указывать в комментариях ниже.*+Выпадающее контекстное меню на заголовке таба:
  
 +{{:psiplus_css_qmenu__chat.png|Окно чата с выделенным выпадающим контекстным меню}}
  
 +==== HeaderFrame ====
  
 +=== QFrame#headerFrame ===
 +Фрейм заголовка
 +=== QToolButton#hideButton ===
 +Кнопка свернуть 
 +=== QToolButton#maximizeButton ===
 +Кнопка развернуть 
 +=== QToolButton#closeButton ===
 +Кнопка закрыть 
  
  
skins_css.1283728882.txt.gz · Last modified: 2010/10/17 15:36 (external edit)
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki