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

Предимството на персонализирана тема е, че тя е уникална, а дизайнът й е точновастака, такакот полза не е налична в повечето теми по подразбиране). Имате гъвкавостта да проектирате персонализирана тема по всякакъв начин, койтете. Въпреки че създаването на персонализирана тема може да изисква повече усиливипенсон v на тема по подразбиране, резултатите са напълно стойностни. Pomozte, pokud chcete, abyste se dostali na Redmine.

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

Redmine осигурява основна поддръжка на теми. Тези теми могат да добавят няколко персонализирани javascript a да заменят стиловете (application.css).
Първата стъпка е да създадете нова директория в public/themes. Името на директорията ще се използва като име на темата. Například: public /themes / my_theme.
След това създайте персонализиран application.css a го запазете v подпапка, наречена stylů:
Veřejné / témata / my_theme / styly / application.css
Следният пример е за персонализиран stylů, който заменя само няколко настройки:
/* зарежда стандартния Redmine stylesheet */
@import url (../../../ styly / application.css);
/* добавя лого в хедъра */
#záhlaví {
    pozadí: # 507AAA url (../ images / logo.png) bez opakování 2px;
    padding-left: 86px;
}
/* премества менюто на проекта надясно */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
Посоченият по-горе пример прави предположението, че имате изображение, коение, което obrázky / logo сthep.
Можете да изтеглите тази тема (пример) като начална точка за вашата пеарсонализемерна Извлечете темата v директорията public/themes.

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

Používejte javascript v javascriptu /theme.js a je možné jej použít na stránce всяка страниц.

Задаване на Favicon

Вмъкнете вашия favicon v папката favicon, a той ще се зареди автоматично вместо стандартниваястартниваястартниваястартниваястартниваястартниваястартниви Името на favicon файла може да бъде каквото и да е. (Ако не знаете, favicon е малка икона с размер 16×16 пиксела, която служи за маркиране нсайовенбатОайовенбатОайовеве цел е да помогне на посетителите да намерят страницата ви по-лесно, когато имротинотово).

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

• Strana 1:

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

• krok 2:

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

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

• krok 3:

Отидете в Администрация -> Настройки и от списъка "Тема" (падащо менюа) изтстеретете изтстерете taky ne. След това запазете настройките си.
В този момент Redmine трябва да се показва с вашата персонализирана тема.

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

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

Název tohoto typu:

• javascripts/theme.js (toto a опционално): персонализиран JavaScript v této verzi
• favicon / (toto a опционално): favicon за темата на Redmine
• styly / application.css (tedy nové): CSS (Cascading Style Sheets) за темата

Това е демонстрирано по-долу:
veřejnost/
  + - témata /
       +- <име на тема>/
            |
            + - favicon /
            | +- (např. favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

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

Можете също да създадете тема на Redmine, като промените цветовете в радаздадете на тепоманта

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

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодирането е показано по-долу)
4. Отидете на административните настройки и изберете 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); }

Jak промените логото на темата?

1^vie стъпка:

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

2^ri Стъпка

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

...

#header> h1 {

               pozadí: url (../ images / logo.png) neopakovat 10px 20%;

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

}