Як створити власну тему для Redmine.
Redmine має швидкий та простий адміністративний інтерфейс, щоб ви могли застовевавава дає вашим уподобанням. Декілька з доступних типових тем є мінімалістичними, інші більш живими, а якщо жодна з цих опцій не підходить вам, ви можете створити v sekci Redmine.
Створення nové články Redmine
Redmine надає фундаментальну підтримку для тем. Ці теми можуть додавати кілька користувацьких javascript і перевизначати табcssлицівстаблицівстицівстицівстицівстицівстувацьких javascript і перевизначати.
Першим кроком є створення нового каталогу в public/themes. Назва каталогу буде використовуватися як назва теми. Наприклад: public/themes/my_theme.
Далі створіть користувацький application.css та збережіть його в підкаталозі з назвою the stylesheet/messheet/aplikace stylesheet/sstyle
Наведений нижче приклад користувацької таблиці стилів перевизначає лише девека
/* завантажити таблицю стилів Redmine за замовчуванням */
@import url (../../../ styly / application.css);
/* додати логотип в заголовок */
#záhlaví {
pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
padding-left: 86px;
}
/* перемістити меню проекту вправо */
#hlavní menu {
vlevo: auto;
doprava: 0px;
}
У наведеному прикладі припускається, що у вас є зображення, яке знаходить знаходиться.
Ви можете завантажити цю тему (зразок) як початкову точку для своєї власниої власниоїтуко Розпакуйте тему каталозі public/themes.
Додавання користувацького Javascript
Просто включіть свій javascript v javascript/theme.js, і він буде автоматично завантажуватисрія нанокок
Встановлення Favicon
Вставте свій favicon у каталог favicon, і він буде автоматично завантажуватися на косторой го, що за замовчуванням. Назва файлу favicon може бути будь-якою. (Якщо ви не знаєте, favicon - це маленька іконка 16×16 пікселів, яка служить для бренана для бренанка йту. коли вони мають відкрито кілька вкладок).
Застосування користувацької теми
Krok 1: Спочатку завантажте нову тему.
Krok 2: Розпакуйте тему в ../public/themes/. Результатом цього буде шлях до application.css, наприклад: ../public/themes/redminecrm/stylesheets/application.css
Krok 3: Перейдіть до Адміністрування -> Налаштування і зі) спискучйписку "Тейдпиѱчйда" (вибипама) ріть тему, яку ви щойно створили. Після цього збережіть свої налаштування.
На цьому етапі Redmine повинен відображатися з використанням вашої користувацьмої.
Якщо ви використовуєте Redmine < 1.1.0, вам може знадобитися перезапустити парогозавоващразаму писку доступних тем.
Структура каталогу тем
Тема складається з наступних файлів:
- javascripts/theme.js (není to nové): nový JavaScript pro články
- favicon / (ještě необов'язково): favicon для теми Redmine
- styly / application.css (není dostupné): CSS (Cascading Style Sheets) для теми
Další nové číslo:
veřejnost/
+ - témata /
+- <ім'я теми>/
|
+ - favicon /
| +- (наприклад, favicon.ico, favicon.png)
|
+ - javascripty /
| + - theme.js
|
+ - styly /
+ - application.css
Створення теми Redmine за допомогою теми за замовчуванням
Zde najdete články pro Redmine, prohlédněte si články v CSS-файлі теми за замовямуван.
Скажімо, ви хочете змінити все з синьої теми на червону. Ви можете зробити це за допомогою CSS нижче.
- sh # cd / path / to / redmine
- sh # mkdir -p public / themes / redtheme / stylesheets
- sh# vi public / themes / redtheme / stylesheets / application.css (кодування показано нижче)
- Перейдіть до налаштувань адміністратора, а потім виберіть redtheme
/* завантажити стилі за замовчуванням Redmine */
@import url (../../../ styly / application.css);
# top-menu {background: RGB (128,0,0);}
#header {background-color: RGB (192,0,0);}
# projects-index ul.projects div.root a.project {color: RGB (128,0,0); }
obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}
#main {color: RGB (128,0,0); }
a, a: link, a: navštíveno {color: RGB (128,0,0); }
a: hover, a: active {color: RGB (128,0,0); }
Як змінити логотип теми?
1tis крок:
Помістіть файл логотипу v @./ public / themes/ redminecrm / images@
2yi krok
Замініть файл logo.png на новий файл логотипу розміром 43x30
...
#header> h1 {
pozadí: url (../ images / logo.png) neopakovat 10px 20%;
odsazení: 5px 60px; /* Змініть це, щоб встановити свій власний логотип */
}
Оновлення Redmine на вищий рівень? Легко.
Отримайте всі потужні інструменти для ідеального планування, управліннотронка тонка ому програмному забезпеченні.