Как да създадете персонализирана тема за Redmine

Предимството на персонализирана тема е, че тя е уникална, а дизайнът й е точно такъв, какъвто изателна ( повечето теми по подразбиране). Имате гъвкавостта да проектирате персонализирана тема по всякакъв начин, който желаете. Въпреки че създаването на персонализирана тема може да изисква повече усилия в сравнение с изполназванете, зултатите са напълно стойностни. Försök att göra det för att hitta ett nytt tema på Redmine.

Създаване на нова тема på Redmine

Redmine осигурява основна поддръжка на теми. Dessa applikationer kan skapas med javascript och applikationer (application.css).
Първата стъпка е да създадете nova директория i offentliga/teman. Името на директорията ще се използва като име на темата. Till exempel: public /themes / my_theme.
Lägg till applikationen application.css och spara i appen, hitta stilmallar:
Public / teman / my_theme / stylesheets / application.css
Следният пример е за персонализиран stilmall, който заменя само няколко настройки:
/* зарежда стандартния Redmine stylesheet */
@import url (../../../ stilark / applikation.css);
/* добавя лого в хедъра */
#huvud {
    bakgrund: # 507AAA url (../ images / logo.png) no-repetera 2px;
    stoppning vänster: 86px;
}
/* премества менюто на проекта надясно */
#huvudmeny {
    vänster: auto;
    höger: 0px;
}
Посоченият по-горе пример прави предположението, че имате изображение, което се намира в my_theme / images / logo.png.
Можете да изтеглите тази тема (пример) като начална точка за вашата персонализирана тема på Redmine. Извлечете темата в директорията offentliga/teman.

Добавяне на персонализиран Javascript

Просто включете вашия javascript i javascript /theme.js och det är säkert tillgängligt på всяка страница.

Задаване på Favicon

Вмъкнете вашия favicon в папката favicon, и той ще се зареди автоматично вместо стандартния på всяка страниц. Името на favicon файла може да бъде каквото и да е. (Det är inte tillgängligt, favicon och ett mönster med 16×16 pixlar. посетителите да намерят страницата ви по-лесно, когато имат отворени няколко табове).

Прилагане на персонализираната тема

• Ställ 1:

Първата стъпка е да изтеглите нова тема.

• Sätt 2:

Разархивирайте темата в ../public/themes/. Резултатът от това ще бъде път до application.css, като например

../public/themes/redminecrm/styleheets/application.css

• Sätt 3:

Отидете в Администрация -> Настройки och от списъка "Тема" (för tillfällen) försvinner tema, komponentsystem. След това запазете настройките си.
Detta är en kommentar från Redmine för att hitta ett unikt tema.

Om Redmine < 1.1.0 är installerad, finns det ingen möjlighet att installera, för att kunna köpa mer.

Структура на директорията на темите

Темата включва тези файлове:

• javascripts/theme.js (som är tillgängligt): персонализиран JavaScript за темата
• favicon / (tillval): favicon за темата på Redmine
• stylesheets / application.css (som inte är nytt): CSS (Cascading Style Sheets) för tema

Това е демонстрирано по-долу:
offentlig/
  + - teman /
       +- <име на тема>/
            |
            + - favicon /
            | +- (например favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - applikation.css

Създаване на тема på Redmine, като се използва темата по подразбиране

Om du vill ladda ner temat på Redmine, kan du installera det i CSS-filen för att distribuera temat.

Кажете, че искате да промените всичко от синя тема на червена. Можете да го направите с 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); }

Kan du göra något?

1^vI стъпка:

Поставете файл с логото в @./ public / themes / redminecrm / images@

2^ri Стъпка

Заменете файлът logo.png с новия файл på логото размер 43x30

...

#header> h1 {

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

               stoppning: 5px 60px; /* Променете това, за да зададете своето лого */

}