Hoe maak je een aangepast Redmine-thema.

Het voordeel van een aangepast thema is dat het uniek is en het ontwerp precies is zoals je het wilt (dit voordeel is niet beschikbaar bij de meeste standaardthema's). Je hebt de flexibiliteit om een ​​aangepast thema op elke gewenste manier te ontwerpen. Hoewel het maken van een aangepast thema meer moeite kan kosten in vergelijking met het gebruik van een standaardthema, zijn de resultaten absoluut de moeite waard. Lees verder om te leren hoe je een aangepast Redmine-thema kunt maken.

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

Redmine предлага основна поддръжка за теми. Тази тема е готова за поставяне на javascripts, допълнени и стилизирани (application.css).
Първото място е създадено от нова карта в публични/теми. De naam van de map wordt gebruikt als de naam van het thema. Окръжение: публични /теми / моята_тема.
Поставете приложение.css в подкарта и стилови таблици:
Обществено / теми / my_theme / стилове / application.css
Hieronder staat een voorbeeld van een aangepast stijlblad dat slechts een paar instellingen overschrijft:
/* зареждане на стандартния Redmine-stijlblad */
@import url (../../../ стилове / application.css);
/* има лого в горната част */
#header {
    фон: # 507AAA url (../ images / logo.png) без повторение 2px;
    padding-left: 86px;
}
/* показва менюто на проекта направо */
#главно меню {
    вляво: автоматично;
    десен: 0px;
}
Het eerder genoemde voorbeeld gaat ervan uit dat je een afbeelding hebt die zich bevindt in my_theme / images / logo.png.
Можете да изтеглите тази тема (предварително показано) като startpunt за собствено поставяне на Redmine тема. Pak het thema uit в de public/themes map.

Използване на aangepaste Javascript

Въведете javascript toe в javascript /theme.js и автоматично стартирайте думата на всяка страница.

Инсталиран от Favicon

Voeg je favicon toe in de favicon map en het wordt automatisch geladen in plaats van de standard favicon on всяка страница. De naam van het favicon-bestand kan alles zijn. (In het geval dat je het niet weet, is een favicon een klein 16x16 pixel iconon dat dient voor de branding van je website. Het primaire doel is om bezoekers te helpen je pagina gemakkelijker te vinden wanneer ze meerdere tabbladen open hebben).

Toepassen van het aangepaste thema

• Стъпка 1:

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

• стъпка 2:

Опаковайте темата в ../public/themes/. Het resultaat hiervan zou een map-pad naar application.css zijn, zoals

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

• стъпка 3:

Ga naar Beheer -> Instellingen en selecteer het thema dat je zojuist hebt gemaakt uit de "Thema"-lijst (keuzelijst). Sla vervolgens je instellingen op.
Op dit punt zou Redmine nu moeten worden weergegeven met je aangepaste thema.

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

Structuur van het thema's directory

Een thema bestaat uit deze standen:

• javascripts/theme.js (опция): поставете JavaScript за тази тема
• фавикон / (опция): favicon за темата Redmine
• stylesheets / application.css (noodzakelijk): CSS (каскадни стилови таблици) за тази тема

Dit wordt hieronder gedemonstreerd:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (bijv. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Een Redmine-thema maken door het standardthema te gebruiken

Можете да видите темата Redmine, направена от цветни врати в най-добрия CSS вариант от стандартната тема, която можете да видите.

Stel dat je alles van een blauw thema naar een rood thema wilt veranderen. Dit kun je doen met de onderstaande CSS.

1. sh# cd / pad / naar / redmine
2. sh # mkdir -p public / теми / redtheme / стилове
3. sh# vi public / themes / redtheme / stylesheets / application.css (codering wordt hieronder weergegeven)
4. Ga naar de beheerinstellingen en selecteer vervolgens redtheme

/* стандартната таблица със стилове на Redmine */

@import url (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

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

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

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

Какво е логото на тази тема?

2^e стъпка

Vervang het bestand logo.png door het neuwe logobestand met een grootte van 43x30

...

#header> h1 {

               връзка: url(../images/logo.png) без повторение 10px 20%;

               подложка: 5px 60px; /* Pas dit aan om uw eigen logo in te stellen */

}