För att skapa en uppdatering för Redmine.

Перевагою власної теми є те, що вона є унікальною, а її дизайн точно такий, як ви йогоєх є в більшості тем за замовчуванням). Jag vill ha möjlighet att göra ett erbjudande om ett erbjudande. Хоча створals варт. Försök att göra det, hitta det, och skapa det för Redmine.

Створення нової теми Redmine
Redmine har en uppdatering för тем. Om du vill använda javascript och konfigurera applikationer (application.css).
Першим кроком є ​​створення нового каталогу i offentliga/teman. Назва каталогу буде використовуватися як назва теми. Exempel: public/themes/my_theme.
Lägg till formatmall application.css för att spara in i visning av formatmallar: Public/themes/my_theme/stylesheets/application.css
Наведений нижче приклад користувацької таблиці стилів перевизначає лише декілька налаштувань:
/* завантажити таблицю стилів Redmine за замовчуванням */
@import url (../../../ stilark / applikation.css);
/* додати логотип в заголовок */
#huvud {
    bakgrund: #507AAA url(../images/logo.png) no-repeat 2px;
    stoppning vänster: 86px;
}
/* перемістити меню проекту вправо */
#huvudmeny {
    vänster: auto;
    höger: 0px;
}
У наведеному прикладі припускається, що у вас є зображення, яке знаходиться på my_theme/images/logo.png.
Ви можете завантажити цю тему (зразок) як початкову точку för своєї власної користувацької Redmine. Розпакуйте тему в каталозі offentliga/teman.


Додавання користувацького Javascript
Lägg till ett javascript i javascript/theme.js och för att göra det automatiskt tillgängligt på en vanlig plattform.

Встановлення Favicon
Skapa ett favicon och ett katalog för favicon, och ett automatiskt system för att göra det. Назва файлу favicon може бути будь-якою. (Vi har inte hittat, favicon - ett stort ikon 16×16 pixlar, så kan du klicka för att göra det under hela månaden. олягає в тому, щоб допомогти відвідувачам легше знаходити вашу сторінку, коли вони маюкть відки).

Застосування користувацької теми
Punkt 1: Спочатку завантажте нову тему.
Крок 2: Розпакуйте тему в ../public/themes/. Результатом цього буде шлях до application.css, på följande sätt: ../public/themes/redminecrm/stylesheets/application.css
Steg 3: Överför till förvaltning -> Övervakning och visning av "Tema" (väljare beskrivning) jämför, jämför, jämför . Після цього збережіть свої налаштування.
Om du skriver Redmine har Redmine skickat ett meddelande till використанням вашої користувацької теми.
Om du använder Redmine < 1.1.0.

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

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

• javascripts/theme.js (nya необов'язково): настроюваний JavaScript för теми
• favicon / (це необов'язково): favicon для теми Redmine
• stylesheets / application.css (ett nytt): CSS (Cascading Style Sheets) för теми

Це продемонстровано нижче:
offentlig/
  + - teman /
       +- <ім'я теми>/
            |
            + - favicon /
            | +- (наприклад, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - applikation.css

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

Om du vill skapa en Redmine-fil, kan du använda filer i CSS-filer för att spara.

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

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / teman / redtheme / stilark
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодування показано нижче)
4. Перейдіть до налаштувань адміністратора, а потім виберіть redtheme

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

@import url (../../../ stilark / applikation.css);

# toppmeny {bakgrund: RGB (128,0,0);}

#header {bakgrundsfärg: RGB (192,0,0);}

# projects-index ul.projects div.root a.project {färg: RGB (128,0,0); }

innehåll h1, h2, h3, h4 {färg: RGB (128,0,0);}

#main {färg: RGB (128,0,0); }

a, a: länk, a: besökte {färg: RGB (128,0,0); }

a: svävar, a: aktiv {färg: RGB (128,0,0); }

Är du intresserad av att logga in?

1^matchas крок:

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

2^s ett steg

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

...

#header> h1 {

               bakgrund: url (../bilder / logo.png) ingen upprepning 10px 20%;

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

}