Jak uzyskać dostęp do tematu w Redmine

Предимството на персонализирана тема е, че тя е уникална, а дизайнът й е точно такъв, какъвто искате (тази пол за не е налична в повечето теми по подразбиране). Имате гъвкавостта да проектирате персонализирана тема по всякакъв начин, който желаете. Въпреки че създаването на персонализирана тема може да изисква повече усилия в сравнение с използването на тема по подразбиране, резултатите са напълно стойностни. Udostępnij, aby uzyskać dostęp do tematu w Redmine.

Pobierz nowy temat w Redmine

Redmine осигурява основна поддръжка на теми. Te narzędzia mogą być używane do obsługi JavaScript i do interfejsu użytkownika (application.css).
Първата стъпка е да създадете нова директория в public/themes. Името на директорията ще се използва като iме на темата. Przykład: public /themes / my_theme.
След това създайте персонализиран application.css i запазете в подпапка, наречена stylesheets:
Publiczne / motywy / mój_motyw / arkusze stylów / application.css
Следният пример е за персонализиран arkusz stylów, който заменя само няколко настройки:
/* Udostępnij arkusz stylów Redmine */
@import url (../../../ stylesheets / application.css);
/* добавя лого в хедъра */
#nagłówek {
    tło: # 507AAA url (../ images / logo.png) no-repeat 2px;
    dopełnienie lewe: 86px;
}
/* премества менюто на проекта надясно */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Посоченият по-горе пример прави предположението, че имате изображение, което се намира в my_theme / Images / logo.png.
Możesz uzyskać dostęp do tego tematu w Redmine. Udostępnij temat w директорията public/themes.

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

Możesz włączyć JavaScript w javascript /theme.js i zobaczyć to na naszej stronie internetowej.

Otwórz Favicon

Możesz wyświetlić favicon w aplikacji favicon, a także skorzystać z opcji dostępnych na stronie internetowej. Името на favicon файла може да бъде каквото i да е. (Aco не знаете, favicon е малка ikona с размер 16×16 picсела, която служи за маркиране на уебсайта ви. Основната й це л е да помогне на посетителите да намерят страницата ви по-лесно, когато имат отворени няколко табове).

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

• Krok 1:

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

• krok 2:

Otwórz temat w ../public/themes/. Otwórz plik application.css, като например

../public/themes/redminecrm/stylesheets/application.css

• krok 3:

Отидете в Администрация -> Настройки и от списъка "Тема" (падащо меню) изберете темата, която сте създали недавн o. След това запазете настройките си.
W tym momencie Redmine трябва да се показва с вашата персонализирана temat.

Ако използвате Redmine < 1.1.0, може да е необходимо да рестартирате приложението, за да се появи в списъка с нали cin temi.

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

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

• javascripts/theme.js (това е опционално): персонализиран JavaScript w temacie
• favikona / (toва е опционално): favicon w temacie w Redmine
• arkusze stylów / application.css (това е необходимо): CSS (kaskadowe arkusze stylów) w tym temacie

Това е демонстрирано по-долу:
publiczny/
  + - motywy /
       +- <име на тема>/
            |
            + - favicon /
            | +- (napisany favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Kliknij na temat w Redmine, który jest dostępny w aplikacji

Możesz użyć tego motywu w Redmine, aby wyświetlić obraz CSS w temacie w aplikacji.

Кажете, че искате да промените всичко от синя тема на червена. Możesz użyć narzędzia CSS-а по-долу.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / themes / redtheme / arkusze stylów / application.css (korekta lub opcja)
4. Otwórz listę administratorów i wyświetl redtheme

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

@import url (../../../ stylesheets / application.css);

# menu główne {tło: RGB (128,0,0);}

#header {kolor tła: RGB (192,0,0);}

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

zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

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

a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

Как да промените логото на темата?

1^vie tekst:

Opublikuj swój wpis w @./ public / themes / redminecrm / image@

2^ri Стъпка

Заменете файлът logo.png z nowego obrazu na логото z размер 43x30

...

#header> h1 {

               tło: url (../ images / logo.png) bez powtarzania 10px 20%;

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

}