Psi Instant Messenger

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

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

Вы посетили: • psimedia_mingw32
ru:skins_css

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
ru:skins_css [2010/09/07 20:53] – zetru:skins_css [2014/07/06 10:24] (текущий) – внешнее изменение 127.0.0.1
Строка 3: Строка 3:
 ===== Вступление ===== ===== Вступление =====
  
-В данной статье будут рассмотрены и приведены примеры использования [[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+.
  
  
-Условно статья поделена на два больших раздела -- *Ростер* и *Чат*.+Условно статья поделена на два больших раздела -- **Ростер** и **Чат**.
  
  
Строка 56: Строка 56:
  
  
-== alternate-background-color ==+=== alternate-background-color ===
 Чередующаяся раскраска областей фона ростера: Чередующаяся раскраска областей фона ростера:
  
Строка 63: Строка 63:
  
  
-== selection-background-color ==+=== selection-background-color ===
 Фон выбранного элемента ростера: Фон выбранного элемента ростера:
    
Строка 70: Строка 70:
  
  
-== selection-color ==+=== selection-color ===
 Цвет текста выбранного элемента ростера: Цвет текста выбранного элемента ростера:
  
Строка 77: Строка 77:
  
  
----- 
  
 ==== QLabel === ==== QLabel ===
Строка 83: Строка 82:
  
  
-== MLabel ==+=== MLabel ===
  
 Область оповещения о событиях Область оповещения о событиях
Строка 91: Строка 90:
  
  
-== QLabel#lb_nick ==+=== QLabel#lb_nick ===
  
 Область верхнего фрейма где расположен ник Область верхнего фрейма где расположен ник
Строка 99: Строка 98:
  
  
-== QLabel#lb_avatar == +=== QLabel#lb_avatar ===
  
 Аватар на верхней панели Аватар на верхней панели
Строка 107: Строка 106:
  
  
----- 
 ==== QToolButton ==== ==== QToolButton ====
  
-== QToolButton ==+=== QToolButton ===
  
 Кнопки на панелях: Кнопки на панелях:
Строка 118: Строка 116:
  
  
-== QToolButton#tb_mood ==+=== QToolButton#tb_mood ===
  
 Кнопка выбора настроения: Кнопка выбора настроения:
Строка 126: Строка 124:
  
  
-== QToolButton#tb_activity ==+=== QToolButton#tb_activity ===
  
 Кнопка выбора занятия: Кнопка выбора занятия:
Строка 134: Строка 132:
  
  
-== QToolButton#tb_status ==+=== QToolButton#tb_status ===
  
 Кнопка выбора статуса в верхней панели ростера: Кнопка выбора статуса в верхней панели ростера:
Строка 142: Строка 140:
  
  
----- 
 ==== QScrollBar ==== ==== QScrollBar ====
  
  
  
-== QScrollBar:vertical ==+=== QScrollBar:vertical ===
  
 Полоса вертикального скролбара: Полоса вертикального скролбара:
Строка 155: Строка 152:
  
  
-== QScrollBar::handle:vertical ==+=== QScrollBar::handle:vertical ===
  
 Бегунок вертикального скролбара: Бегунок вертикального скролбара:
Строка 163: Строка 160:
  
  
-== QScrollBar::add-line:vertical ==+=== QScrollBar::add-line:vertical ===
  
 Нижняя кнопка перемещения скролбара: Нижняя кнопка перемещения скролбара:
Строка 171: Строка 168:
  
  
-== QScrollBar::sub-line:vertical ==+=== QScrollBar::sub-line:vertical ===
  
 Верхняя кнопка перемещения скролбара: Верхняя кнопка перемещения скролбара:
Строка 177: Строка 174:
 {{:psiplus_css_qscrollbar_sub_line_vertical.png|Окно ростера с выделенной верхней кнопкой перемещения скролбара}} {{:psiplus_css_qscrollbar_sub_line_vertical.png|Окно ростера с выделенной верхней кнопкой перемещения скролбара}}
  
-----+
  
 ==== PsiContactListView ==== ==== PsiContactListView ====
Строка 185: Строка 182:
 {{:psiplus_css_psicontactlistview.png|Окно ростера с выделенной областью ростера где располагается список контактов}} {{:psiplus_css_psicontactlistview.png|Окно ростера с выделенной областью ростера где располагается список контактов}}
  
----- 
  
 ==== PopupActionButton ====  ==== PopupActionButton ==== 
Строка 193: Строка 189:
 {{:psiplus_css_popupactionbutton.png|Окно ростера с выделенной главной кнопкой Psi и продолговатой кнопкой статуса}} {{:psiplus_css_popupactionbutton.png|Окно ростера с выделенной главной кнопкой Psi и продолговатой кнопкой статуса}}
  
----- 
  
 ==== QMenu ====  ==== QMenu ==== 
Строка 201: Строка 196:
 {{:psiplus_css_qmenu.png|Окно ростера с выделенным главным меню}} {{:psiplus_css_qmenu.png|Окно ростера с выделенным главным меню}}
  
----- 
  
 ==== QMainWindow ==== ==== QMainWindow ====
Строка 209: Строка 203:
 {{:psiplus_css_qmainwindow.png|Окно ростера с выделенным фоном родительского виджета}} {{:psiplus_css_qmainwindow.png|Окно ростера с выделенным фоном родительского виджета}}
  
-----+ 
 + 
 + 
 + 
 ===== Чат ===== ===== Чат =====
 +
 ==== QWidget ==== ==== QWidget ====
  
Строка 261: Строка 260:
 {{:psiplus_css_qwidget_pte_topic.png|Окно топика конференции с выделенной областью ввода текста}} {{:psiplus_css_qwidget_pte_topic.png|Окно топика конференции с выделенной областью ввода текста}}
  
----- 
  
 ==== QPushButton ==== ==== QPushButton ====
Строка 283: Строка 281:
 {{:psiplus_css_qpushbutton_pb_send.png|Окно чата с выделенной кнопкой отправки сообщения}} {{:psiplus_css_qpushbutton_pb_send.png|Окно чата с выделенной кнопкой отправки сообщения}}
  
-----+ 
 + 
 ==== QToolBar ==== ==== QToolBar ====
  
Строка 299: Строка 299:
 {{:psiplus_css_qtoolbar_toolbar.png|Окно чата с выделенной центральной панелью}} {{:psiplus_css_qtoolbar_toolbar.png|Окно чата с выделенной центральной панелью}}
  
-----+ 
 + 
 ==== QDialog ==== ==== QDialog ====
  
Строка 347: Строка 349:
 {{:psiplus_css_qdialog_mucconfig.png|Окно конфигуратора конференции с выделенным фоном}} {{:psiplus_css_qdialog_mucconfig.png|Окно конфигуратора конференции с выделенным фоном}}
  
-----+ 
 + 
 ==== QFrame ==== ==== QFrame ====
  
Строка 370: Строка 374:
 {{:psiplus_css_qframe_topframe.png|Окно чата с выделенной верхней частью окна чата вокруг чатлога и ростера конференции}} {{:psiplus_css_qframe_topframe.png|Окно чата с выделенной верхней частью окна чата вокруг чатлога и ростера конференции}}
  
-----+ 
 + 
 + 
 ==== QSplitter ==== ==== QSplitter ====
  
Строка 379: Строка 386:
 {{:psiplus_css_qsplitter_handle.png|Окно чата с выделенными активными областями предназначенными для изменения размеров чатлога, строки ввода сообщения}} {{:psiplus_css_qsplitter_handle.png|Окно чата с выделенными активными областями предназначенными для изменения размеров чатлога, строки ввода сообщения}}
  
-----+ 
 + 
 ==== QTabBar ==== ==== QTabBar ====
  
Строка 402: Строка 411:
 {{:psiplus_css_qtabbar_tab.png|Окно чата с выделенным неактивным и невыбранным табом}} {{:psiplus_css_qtabbar_tab.png|Окно чата с выделенным неактивным и невыбранным табом}}
  
-----+ 
 ==== QScrollBar ==== ==== QScrollBar ====
  
Строка 488: Строка 498:
 {{:psiplus_css_qscrollbar_sub_line_horizontal_pressed__chat.png|Окно конфигуратора с выделенной левой нажатой кнопкой перемещения скролбара}} {{:psiplus_css_qscrollbar_sub_line_horizontal_pressed__chat.png|Окно конфигуратора с выделенной левой нажатой кнопкой перемещения скролбара}}
  
-----+ 
  
 ==== QLabel ==== ==== QLabel ====
Строка 505: Строка 516:
 {{:psiplus_css_qlabel_lb_ident.png|Окно чата с выделенным идентификатором аккаунта}} {{:psiplus_css_qlabel_lb_ident.png|Окно чата с выделенным идентификатором аккаунта}}
  
-----+
 ==== QLineEdite ==== ==== QLineEdite ====
  
Строка 528: Строка 539:
 {{:psiplus_css_qlineedit_le_filter.png|Окно конфигуратора с выделенной строкой поиска}} {{:psiplus_css_qlineedit_le_filter.png|Окно конфигуратора с выделенной строкой поиска}}
  
-----+ 
  
 ==== TabDlg ==== ==== TabDlg ====
Строка 536: Строка 548:
 {{:psiplus_css_tabdlg.png|Окно чата с выделенным фоном}} {{:psiplus_css_tabdlg.png|Окно чата с выделенным фоном}}
  
-----+ 
  
 ==== PsiTabBar ==== ==== PsiTabBar ====
Строка 544: Строка 557:
 {{:psiplus_css_psitabbar.png|Окно чата с выделенной областью расположения вкладок}} {{:psiplus_css_psitabbar.png|Окно чата с выделенной областью расположения вкладок}}
  
-----+ 
  
 ==== GroupchatTopicDlg ==== ==== GroupchatTopicDlg ====
Строка 552: Строка 566:
 {{:psiplus_css_groupchattopicdlg.png|Окно топика конференции}} {{:psiplus_css_groupchattopicdlg.png|Окно топика конференции}}
  
-----+
  
 ==== QToolButton ==== ==== QToolButton ====
Строка 560: Строка 574:
 {{:psiplus_css_qtoolbutton.png|Окно чата с выделенными кнопками на центральной панели}} {{:psiplus_css_qtoolbutton.png|Окно чата с выделенными кнопками на центральной панели}}
  
-----+ 
  
 ==== Q3ListView ==== ==== Q3ListView ====
Строка 568: Строка 583:
 {{:psiplus_css_q3listview.png|Окно чата с выделенным фоном ростера конференции}} {{:psiplus_css_q3listview.png|Окно чата с выделенным фоном ростера конференции}}
  
-----+ 
  
 ==== TypeAheadFindBar>QLineEdit ====  ==== TypeAheadFindBar>QLineEdit ==== 
Строка 575: Строка 591:
  
 {{:psiplus_css_typeaheadfindbar_qlineedit.png|Окно чата с выделенной строкой поиска}} {{:psiplus_css_typeaheadfindbar_qlineedit.png|Окно чата с выделенной строкой поиска}}
- 
----- 
 ==== QMenu ==== ==== QMenu ====
  
Строка 583: Строка 597:
 {{:psiplus_css_qmenu__chat.png|Окно чата с выделенным выпадающим контекстным меню}} {{:psiplus_css_qmenu__chat.png|Окно чата с выделенным выпадающим контекстным меню}}
  
-----+==== HeaderFrame ==== 
 + 
 +=== QFrame#headerFrame === 
 +Фрейм заголовка 
 +=== QToolButton#hideButton === 
 +Кнопка свернуть  
 +=== QToolButton#maximizeButton === 
 +Кнопка развернуть  
 +=== QToolButton#closeButton === 
 +Кнопка закрыть  
  
ru/skins_css.1283892828.txt.gz · Последнее изменение: 2010/10/17 15:36 (внешнее изменение)
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki