Sådan opretter du et brugerdefineret Redmine-tema

Fordele vede et brugerdefineret tema er, at det er unikt, og at dets design er præcis some 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 a modsætning til at bruge et standardtema, er resultaterne helt værd det. Podívejte se na lære, hvordan du opretter a brugerdefineret Redmine-tema.

Opírejte se o téma Redmine

Redmine dárce grundlæggende support til temaer. Můžete použít jednoduchý skript definovaný JavaScriptem a překročit stilarter (application.css).
Det første skridt er at oprette en ny mappe i public/themes. Navnet på mappen vil blive brugt som navnet på temaet. Pro eksempel: public/themes/my_theme.
Derefter opretes brugerdefineret application.css a drahokamy a podmapujte kaldet styly:
Public/themes/my_theme/stylesheets/application.css
Følgende er et eksempel vå en brugerdefineret stylesheet, der kun overskriver and par indstillinger:
/* standardní šablona stylu Redmine */
@import url (../../../ styly / application.css);
/* tilføj a logo a headeren */
#záhlaví {
    pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}
/* flyt projektmenuen til højre */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
Det førnævnte eksempel antager, at du har et billede, der er placeret and my_theme/images/logo.png.
Můžete si stáhnout toto téma (exsempel) jako a použít pro toto téma brugerdefinerede Redmine. Udpak téma a public/themes-mappen.

Prohlédněte si brugerdefineret JavaScript

Zahrňte do JavaScriptu a javascriptu/theme.js, a také můžete použít automatický systém na druhé straně.

Indstilling favicon

Naleznete zde favicon a favicon-mappen, a také budete moci používat automatické a standardní ikony na zadní straně. Favicon-filens navn kan være hvad som helst. (Hvis du ikke vede det, er et favicon et lille 16x16 pixel-ikon, der formålet with dit websteds branding. Dets primární formål er at hjælpe besøgende med at find din din side lettere, når de fanne b å fle ).

Anvendelse f det brugerdefinerede topic

• Trin 1:

Přečtěte si více o stažení a novém tématu.

• Krok 2:

Udpak temaet i ../public/themes/. Výsledky z dette ville være en sti til application.css som f.eks.

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

• Krok 3:

Přejít na administraci -> Indstillinger og více temaet, du lige har opretette, fra "Tema" listen (rulleliste). Gem derefter dine indstillinger.
Na této stránce je Redmine nu vises med dit tilpassede tema.

Hvis du bruger Redmine < 1.1.0, skal du muligvis genstarte programt, så det Viss a poslouchám přes tilgængelige temaer.

Struktura pro temaets mappe

Další informace o tomto souboru:

• javascripts/theme.js (dette er valgfrit): tilpasset JavaScript til temaet
• favicon / (dette er valgfrit): favicon til Redmine-temaet
• styly / application.css (dette er nødvendigt): CSS (Cascading Style Sheets) do tématu

Dette demonstruje neden pro:
veřejnost/
  + - témata /
       +- /
            |
            + - favicon /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

Sådan oprettes et Redmine-tema ve standardu

Chcete-li získat přístup a téma Redmine ve společnosti ændre farverne a CSS-filen for standardtemaet.

Lad os sige, at du vil ændre alt fra et blåt tema til et rødt. Dette kan gores with 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 vises nedenfor)
4. Gå til Administrationsindstillingerne and vælg derefter redtheme

/* standardní šablona stylu 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); }

Logo Sådan ændres temaets?

Krok 1:

Placer logo-filen i @./public/themes/redminecrm/images@

2^nd Trojice

Udskift logo.png soubor s novým logem s velikostí 43x30

...

#header> h1 {

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

               odsazení: 5px 60px; /* Ændre dette for at sætte dit eget logo */

}