Sådan opretter du et brugerdefineret Redmine-tema

Fordele ved et brugerdefineret tema er, at det er unikt, og at dets design er præcis som du ønsker det (denne fordel er ikke tilgængelig med de fleste standardtemaer). Du har fleksibiliteten til at designe et brugerdefineret tema på den måde, du ønsker det. Selvom det kan kræve mere indsats at oprette et brugerdefineret tema i modsætning til at bruge et standardtema, er Resultsaterne helt værd det. Læs videre for at lære, hvordan du opretter et brugerdefineret Redmine-tema.

Oprettelse af et Nyt Redmine-tema

Redmine dawca Grundlæggende wsparcie dla tematu. Te tematy mogą zostać zdefiniowane w JavaScript lub w trybie overskrive (application.css).
Det første skridt er i oprette en ny mappe i public/themes. Navnet på mappen vil blive brugt som navnet på temaet. Dla eksempel: public/themes/my_theme.
Usuń opcje brugerdefineret application.css i gemmes w ukrytych arkuszach stylów:
Public/themes/my_theme/stylesheets/application.css
Følgende er et eksempel på en brugerdefineret stylesheet, der kun overskriver et par indstillinger:
/* indlæ standardowy arkusz stylów Redmine */
@import url (../../../ stylesheets / application.css);
/* tilføj et logo i headeren */
#nagłówek {
    baggrund: #507AAA url(../images/logo.png) bez powtarzania 2px;
    dopełnienie lewe: 86px;
}
/* flyt projektmenuen til højre */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Ten eksempel antager znajduje się w miejscu, które można umieścić w my_theme/images/logo.png.
Możesz pobrać ten motyw (eksempel) jako i udgangspunkt dla tego eget brugerdefinerede Redmine-tema. Utwórz temaet w public/themes-mappen.

Tilføjelse af brugerdefineret JavaScript

Dołącz blot do JavaScript w javascript/theme.js, a następnie możesz otworzyć najlżejszy automat na stronie hver.

Dodaj faviconę

Indsæt dit favicon i favicon-mappen, og det vil blive indlæst automatisk w stedet dla standardikonet på hver side. Favicon-filens navn kan være hvad som helst. (Hvis du ikke ved det, e et favicon et lille 16x16 pixel-ikon, der formularz form med dit websteds branding. Dets primære formål er at hjælpe besøgende med at finde din side lettere, når de har flere faner åbne).

Anvendelse af det brugerdefinerede motyw

• Tryn 1:

Ten pierwszy skridt jest dostępny do pobrania i nowego tematu.

• Krok 2:

Utwórz temaet w ../public/themes/. Wynik dette ville være en til application.css jak f.eks.

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

• Krok 3:

Do administracji -> Indstillinger i vælg temaet, du lige har oprettet, do słuchania „Tema” (rulleliste). Gem derefter zjeść obiad.
På dette tidspunkt skal Redmine nu vises z tym tematem.

Hvis du bruger Redmine < 1.1.0, skal du muligvis genstarte programt, za pomocą tych imadł, których słucham przez ten temat.

Struktur dla temaets mappe

Ten najlepszy motyw dla tych plików:

• javascripts/theme.js (zdefiniuj wartość): tilpasset JavaScript dla tematu
• favikona / (dette er valgfrit): favicon til Redmine-temaet
• arkusze stylów / application.css (detteer nødvendigt): CSS (kaskadowe arkusze stylów) do tematu

Dette demonstres nedenfor:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (np. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Sådan oprettes et Redmine-tema ved hjælp af standardtemaet

Możesz også oprette et Redmine-tema ved i ændre farverne w plikach CSS dla standardowych tematów.

Lad os sige, at du vil ændre alt fra et blåt temat til et rødt. Dette kan gøres z følgende CSS.

1. sh# cd /sti/til/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden imadła są potrzebne)
4. Służy do administrowania i udostępniania redtheme

/* indlæ standardowy arkusz stylów 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); }

Sådan ændres temaets logo?

Krok 1:

Umieść plik logo w @./public/themes/redminecrm/images@

2^nd Trójca

Udskift logo.png plik przez nowy logofil przez størrelsen 43x30

...

#header> h1 {

               baggrund: url(../images/logo.png) bez powtórzeń 10px 20%;

               dopełnienie: 5px 60px; /* Ændre dette for at sætte dit eget logo */

}