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

Предимството на персонализирана тема е, че тя е уникална, а дизайнът й е точно такъв, какъвто изателна ( повечето теми по подразбиране). Имате гъвкавостта да проектирате персонализирана тема по всякакъв начин, който желаете. Въпреки че създаването на персонализирана тема може да изисква повече усилия в сравнение с изполизирана тема може да изисква повече усилия в сравнение с изполназванет зултатите са напълно стойностни. Prøv, for at få adgang til Redmine.

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

Redmine осигурява основна поддръжка на теми. Disse programmer kan oprettes gratis i javascript og skabeloner (application.css).
Първата стъпка е да създадете нова директория i offentlige/temaer. Името на директорията ще се използва като име на темата. For eksempel: public /themes / my_theme.
Sæt flere brugervenlige ansøgninger på application.css og kan bruges til at finde stylesheets:
Offentlige / temaer / my_theme / stilark / application.css
Следният пример е за персонализиран stylesheet, който заменя само няколко настройки:
/* зарежда стандартния Redmine stylesheet */
@import url (../../../ stilark / applikation.css);
/* добавя лого в хедъра */
#header {
    baggrund: # 507AAA url (../ images / logo.png) ingen gentagelse 2px;
    polstring til venstre: 86px;
}
/* премества менюто на проекта надясно */
#hovedmenu {
    venstre: auto;
    højre: 0px;
}
Посоченият по-горе пример прави предположението, че имате изображение, което се намира в my_theme / images / logo.png.
Можете да изтеглите тази тема (пример) като начална точка за вашата персонализирана тема på Redmine. Извлечете темата в директорията offentlige/temaer.

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

Просто включете вашия javascript i javascript /theme.js, og det er sikkert tilgængeligt på всяка страница.

Задаване på Favicon

Вмъкнете вашия favicon в папката favicon, и той ще се зареди автоматично вместо стандартния всяка страния. Името на favicon файла може да бъде каквото и да е. (Det er ikke tilgængeligt, favicon e малка икона с размер 16×16 пиксела, която служи за маркиране на уегсайта в Основи. посетителите да намерят страницата ви по-лесно, когато имат отворени няколко табове).

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

• Stik 1:

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

• Stik 2:

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

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

• Stik 3:

Отидете в Администрация -> Настройки og от списъка "Тема" (som en del) er fri for tema, koordineret system. След това запазете настройките си.
Det er et billede af Redmine, der er blevet besøgt af et персонализирана тема.

Hvis Redmine < 1.1.0 er installeret, er det ikke sikkert, at det er tilgængeligt, så det er muligt at købe mere.

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

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

• javascripts/theme.js (som tilgængeligt): персонализиран JavaScript за темата
• favicon / (tovа е опционално): favicon за темата på Redmine
• stylesheets / application.css (som ikke er muligt): CSS (Cascading Style Sheets) for tema

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

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

Hvis du vil have et tema på Redmine, kan du installere det i CSS-filen på et tema, der er gratis.

Кажете, че искате да промените всичко от синя тема на червена. Можете да го направите с CSS-а по-долу.

1. sh # cd / sti / til / redmine
2. sh # mkdir -p offentlige / temaer / redtheme / stilark
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодирането е показано по-долу)
4. Отидете на административните настройки и изберете redtheme

/* зарежда стилния лист на Redmine по подразбиране */

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

# top-menu {baggrund: RGB (128,0,0);}

#header {baggrund-farve: RGB (192,0,0);}

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

indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}

#main {farve: RGB (128,0,0); }

a, a: link, a: besøgt {color: RGB (128,0,0); }

a: hover, a: aktiv {farve: RGB (128,0,0); }

Kan du søge efter dit tema?

1^we стъпка:

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

2^ri Стъпка

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

...

#header> h1 {

               baggrund: url (../billeder / logo.png) ingen gentagelse 10px 20%;

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

}