Настройка внешнего вида Alterator: различия между версиями

Материал из ALT Linux Wiki
(Новая страница: «Настройка внешнего вида Alterator = alterator-browser-qt = == Подготовка среды == Для настройки внешнег...»)
 
Строка 10: Строка 10:
* под правами 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}} (настройка палитры и тем)
<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}}
[[Категория:Alterator]]
[[Категория:Alterator]]
[[Категория:Дизайн]]
[[Категория:Дизайн]]

Версия от 15:09, 29 ноября 2012

Настройка внешнего вида Alterator

alterator-browser-qt

Подготовка среды

Для настройки внешнего вида alterator-browser-qt подготовьте среду:

  • установите пакет installer-common-stage2
  • создайте файл /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 (настройка палитры и тем)

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