Настройка внешнего вида Alterator: различия между версиями
(Новая страница: «Настройка внешнего вида Alterator = alterator-browser-qt = == Подготовка среды == Для настройки внешнег...») |
м (переименовал Alterator/Appearance в Настройка внешнего вида Alterator) |
||
(не показаны 4 промежуточные версии 3 участников) | |||
Строка 6: | Строка 6: | ||
Для настройки внешнего вида alterator-browser-qt подготовьте среду: | Для настройки внешнего вида alterator-browser-qt подготовьте среду: | ||
* установите | * установите пакеты {{Pkg|installer-common-stage2}} и {{Pkg|libqt4-devel}} | ||
* создайте файл {{path|/usr/share/install2/installer-steps}}, содержащий строку {{term|sysconfig}}: <pre>echo sysconfig > /usr/share/install2/installer-steps</pre> | * создайте файл {{path|/usr/share/install2/installer-steps}}, содержащий строку {{term|sysconfig}}: <pre>echo sysconfig > /usr/share/install2/installer-steps</pre> | ||
* под правами root запустите {{cmd|alterator-wizard}}: <pre>alterator-wizard</pre> | * под правами root запустите {{cmd|alterator-wizard}}: <pre>alterator-wizard</pre> | ||
== Файлы конфигурации == | |||
[ | Нам нужны четыре файла: | ||
1. {{path|theme.qrc}} (описание ресурса, который будет потом одним файлом) | |||
<source lang="xml"><!DOCTYPE RCC><RCC version="1.0"> | |||
<qresource> | |||
<file>bg.png</file> | |||
<file>design.qss</file> | |||
<file>design.ini</file> | |||
</qresource> | |||
</RCC></source> | |||
2. {{path|bg.png}} (фоновый рисунок, рекомендуется делать с логотипом в одном из углов и размером 1900x1200) | |||
3. {{path|design.ini}} (настройка палитры и тем — значения см. в менюшке {{cmd|qtconfig-qt4}}) | |||
<source lang="ini">Palette\active=#141312, #e8e7e6, #ffffff, #ebebea, #6d6c6b, #b7b5b3, #141312, #ffffff, #141312, #ffffff, #e0dfde, #3d3c3c, #ffffff, #ffffff, #0057ae, #644a9b, #f8f7f6, #000000, #f8f7f6, #141312 | |||
Palette\inactive=#141312, #e8e7e6, #ffffff, #ebebea, #6d6c6b, #b7b5b3, #141312, #ffffff, #141312, #ffffff, #e0dfde, #3d3c3c, #ffffff, #ffffff, #0057ae, #644a9b, #f8f7f6, #000000, #f8f7f6, #141312 | |||
Palette\disabled=#929190, #dedcdb, #ffffff, #e2e1e0, #686766, #b0aeac, #a5a4a4, #ffffff, #979695, #f4f4f4, #d6d5d3, #3c3b3b, #d6d5d3, #929190, #97bcdf, #c1b6d7, #eeece9, #000000, #f8f7f6, #141312 | |||
Style=Cleanlooks | |||
</source> | |||
4. {{path|design.qss}} (файл стилей виджетов Qt)[http://qt-project.org/doc/qt-4.8/stylesheet-syntax.html] | |||
<source lang="css">/* Customize any plain widget that is a child of a QMainWindow. */ | |||
.AWizardFace { | |||
border-style: none; | |||
background-image: url(:/bg.png); | |||
background-position: top left; | |||
background-repeat: no-repeat | |||
} | |||
.ACenterFace { | |||
border-style: none; | |||
} | |||
.ACenterFace #modules_view { | |||
background-color: white; | |||
} | |||
/* Nice WindowsXP-style password character for password line edits. */ | |||
QLineEdit[echoMode="2"] { | |||
lineedit-password-character: 9679; | |||
} | |||
</source> | |||
Обратите внимание, что параметром '''background-position: top left;''' задаётся отрисовка фонового изображения с верхнего левого угла. | |||
После изменения файлов нужно собрать файл ресурсов: | |||
rcc-qt4 -binary theme.qrc -o centaurus.rcc | |||
Полученный файл centaurus.rcc нужно поместить в каталог {{path|/usr/share/alterator-browser-qt/design}} | |||
[[Категория:Дизайн]] | [[Категория:Дизайн]] | ||
{{Category navigation|title=Alterator|category=Alterator|sortkey={{SUBPAGENAME}}}} |
Текущая версия от 21:04, 21 июля 2015
Настройка внешнего вида Alterator
alterator-browser-qt
Подготовка среды
Для настройки внешнего вида alterator-browser-qt подготовьте среду:
- установите пакеты installer-common-stage2 и libqt4-devel
- создайте файл /usr/share/install2/installer-steps, содержащий строку sysconfig:
echo sysconfig > /usr/share/install2/installer-steps
- под правами root запустите alterator-wizard:
alterator-wizard
Файлы конфигурации
Нам нужны четыре файла:
1. theme.qrc (описание ресурса, который будет потом одним файлом)
<!DOCTYPE RCC><RCC version="1.0">
<qresource>
<file>bg.png</file>
<file>design.qss</file>
<file>design.ini</file>
</qresource>
</RCC>
2. bg.png (фоновый рисунок, рекомендуется делать с логотипом в одном из углов и размером 1900x1200)
3. design.ini (настройка палитры и тем — значения см. в менюшке qtconfig-qt4)
Palette\active=#141312, #e8e7e6, #ffffff, #ebebea, #6d6c6b, #b7b5b3, #141312, #ffffff, #141312, #ffffff, #e0dfde, #3d3c3c, #ffffff, #ffffff, #0057ae, #644a9b, #f8f7f6, #000000, #f8f7f6, #141312
Palette\inactive=#141312, #e8e7e6, #ffffff, #ebebea, #6d6c6b, #b7b5b3, #141312, #ffffff, #141312, #ffffff, #e0dfde, #3d3c3c, #ffffff, #ffffff, #0057ae, #644a9b, #f8f7f6, #000000, #f8f7f6, #141312
Palette\disabled=#929190, #dedcdb, #ffffff, #e2e1e0, #686766, #b0aeac, #a5a4a4, #ffffff, #979695, #f4f4f4, #d6d5d3, #3c3b3b, #d6d5d3, #929190, #97bcdf, #c1b6d7, #eeece9, #000000, #f8f7f6, #141312
Style=Cleanlooks
4. design.qss (файл стилей виджетов Qt)[1]
/* Customize any plain widget that is a child of a QMainWindow. */
.AWizardFace {
border-style: none;
background-image: url(:/bg.png);
background-position: top left;
background-repeat: no-repeat
}
.ACenterFace {
border-style: none;
}
.ACenterFace #modules_view {
background-color: white;
}
/* Nice WindowsXP-style password character for password line edits. */
QLineEdit[echoMode="2"] {
lineedit-password-character: 9679;
}
Обратите внимание, что параметром background-position: top left; задаётся отрисовка фонового изображения с верхнего левого угла.
После изменения файлов нужно собрать файл ресурсов:
rcc-qt4 -binary theme.qrc -o centaurus.rcc
Полученный файл centaurus.rcc нужно поместить в каталог /usr/share/alterator-browser-qt/design