Як створити власну тему для Redmine.

Перевагою власної теми є те, що вона є унікальною, а її дизайн точно такий, як ви його хоцчетен в більшості тем за замовчуванням). Ви маєте можливість проектувати власну тему будь-яким способом, який вам подобається. Хоча створення власної теми може вимагати більше зусиль, ніж використання теми за за замовчутванзуням, рті. Прочитайте далі, щоб дізнатися, як створити власну тему Redmine.

Створення нової теми Redmine
Redmine надає фундаментальну підтримку для тем. Ці теми можуть додавати кілька користувацьких javascript і перевизначати таблиці стилів (application.css).
Першим кроком є ​​створення нового каталогу в public/themes. Назва каталогу буде використовуватися як назва теми. Például: public/themes/my_theme.
Далі створіть користувацький application.css та збережіть його в підкаталозі з назвою stíluslapok: Public/themes/my_theme/stylesheets/application.css
Наведений нижче приклад користувацької таблиці стилів перевизначає лише декілька налаштувань:
/* завантажити таблицю стилів Redmine за замовчуванням */
@import url (../../../ stíluslapok / application.css);
/* додати логотип в заголовок */
#fejléc {
    háttér: #507AAA url(../images/logo.png) no-repeat 2px;
    párnázat-bal: 86 képpont;
}
/* перемістити меню проекту вправо */
#főmenü {
    balra: automatikus;
    jobbra: 0px;
}
У наведеному прикладі припускається, що у вас є зображення, яке знаходиться в my_theme/images/logo.png.
Ви можете завантажити цю тему (зразок) як початкову точку для своєї власної користувацької Redmine. Розпакуйте тему в каталозі public/themes.


Додавання користувацького Javascript
Просто включіть свій javascript в javascript/theme.js, і він буде автоматично завантажуватися на кожній сторінц.

Встановлення Favicon
Вставте свій favicon у каталог favicon, і він буде автоматично завантажуватися на кожній сторінці сторінці сторінці сторінці сторінці сторінці сторінці завчутомі ям. Назва файлу favicon може бути будь-якою. (Якщо ви не знаєте, favicon - це маленька іконка 16×16 пікселів, яка служить для брендування вашого вшо. полягає в тому, щоб допомогти відвідувачам легше знаходити вашу сторінку, коли волкони мають ві).

Застосування користувацької теми
Крок 1: Спочатку завантажте нову тему.
Крок 2: Розпакуйте тему в ../public/themes/. Результатом цього буде шлях до application.css, pl.: ../public/themes/redminecrm/stylesheets/application.css
Крок 3: Перейдіть до Адміністрування -> Налаштування і зі списку "Тема" (випадаючий списор) ойно створили. Після цього збережіть свої налаштування.
На цьому етапі Redmine повинен відображатися з використанням вашої користувацької теми.
Якщо ви використовуєте Redmine < 1.1.0, вам може знадобитися перезапустити програму, щоб вона з'явилася в спхстокусуся в спхстокусуся в спхстобитися перезапустити перезапустити програму.

Структура каталогу тем

Тема складається з наступних файлів:

• javascripts/theme.js (це необов'язково): настроюваний JavaScript для теми
• favicon / (це необов'язково): favicon для теми Redmine
• stíluslapok / application.css (це необхідно): CSS (Cascading Style Sheets) для теми

Це продемонстровано нижче:
nyilvános/
  + - témák /
       +- <ім'я теми>/
            |
            + - favicon /
            | +- (наприклад, favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

Створення теми Redmine за допомогою теми за замовчуванням

Ви також можете створити тему Redmine, змінивши кольори в CSS-файлі теми за замовчуванням.

Скажімо, ви хочете змінити все з синьої теми на червону. Ви можете зробити це за допомогою CSS нижче.

1. sh # cd / elérési út / a / redmine-hez
2. sh # mkdir -p public / témák / redtheme / stíluslapok
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодування показано нижче)
4. Перейдіть до налаштувань адміністратора, а потім виберіть redtheme

/* завантажити стилі за замовчуванням Redmine */

@import url (../../../ stíluslapok / application.css);

# felső menü {háttér: RGB (128,0,0);}

#header {háttér szín: RGB (192,0,0);}

# Projects-index ul.projects div.root a.project {szín: RGB (128,0,0); }

h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

#main {szín: RGB (128,0,0); }

a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

a: lebeg, a: aktív {szín: RGB (128,0,0); }

Як змінити логотип теми?

1^párosított крок:

Помістіть файл логотипу в @./ public / themes/ redminecrm / images@

2^s lépés

Замініть файл logo.png на новий файл логотипу розміром 43x30

...

#header> h1 {

               háttér: url (../ images / logo.png) nincs ismétlés 10x 20%;

               padding: 5px 60px; /* Змініть це, щоб встановити свій власний логотип */

}