Så här använder du Redmine-tema

Fordele genom ett användardefinierat tema är, att det är unikt, och att dess design är precis som du vill ha det (denna fördel är inte tillgänglig med de flesta standardtemaer). Du har flexibilitet för att designa och användardefiniera temat på sättet, du vill ha det. Även om det kan krävas mer insats vid skapande och användardefinierad tema i modsætning till att använda och standardtema, är resultaten helt värda det. Läs vidare för att lära dig, hur du använder och definierar Redmine-tema.

Beskrivning av ett nytt Redmine-tema

Redmine ger grundläggande stöd till temaer. Dessa temaer kan lägga till några användardefinierade JavaScript och överskriva stilarter (application.css).
Det första steget är att skapa en ny karta i public/themes. Navnet på kartan kommer att användas som namn på temaet. Till exempel: public/themes/my_theme.
Efter att skapa användardefinierade application.css och gemmes i en underkarta kallat stylesheets:
Public/themes/my_theme/stylesheets/application.css
Följande är ett exempel på en användardefinierad stilmall, som kan överskriva och par inställningar:
/* inläser standard Redmine-stilmall */
@import url (../../../ stilark / applikation.css);
/* tilføj et logo i headeren */
#huvud {
    bakgrund: #507AAA url(../images/logo.png) no-repeat 2px;
    stoppning vänster: 86px;
}
/* flytta projektmenyn till höger */
#huvudmeny {
    vänster: auto;
    höger: 0px;
}
Det förenämnda exempel antager, som du har ett bild, är placerad i my_theme/images/logo.png.
Du kan ladda ner detta tema (exempel) som ett utgångspunkt för ditt eget användardefinierade Redmine-tema. Utpak temaet i public/themes-mappen.

Lägg till av användardefinierad JavaScript

Inkludera blott detta JavaScript i javascript/theme.js, och det kommer att bli automatiskt inläst på varje sida.

Indstilling af favicon

Ange detta favicon i favicon-mappen, och det vill bli automatiskt inläst i stället för standardikonet på varje sida. Favicon-filens namn kan vara vad som helst. (Hvis du inte är det, är en favorit och ett litet 16x16 pixel-ikon, det tjänar syftet med denna webbplats branding. Det är främst syftet att hjälpa besökare med att hitta dina sidor, när de har flera faner öppna).

Anvendelse av det användardefinierade temat

• Steg 1:

Det första steget är vid nedladdning och nytt tema.

• Steg 2:

Utpak temaet i ../public/themes/. Resultatet af detta ville vara en sti til application.css som f.eks.

../public/themes/redminecrm/styleheets/application.css

• Steg 3:

Gå till Administration -> Inställningar och välj temat, du har skapat det bara från "Tema" lyssna (rullelista). Gem sedan dina inställningar.
På denna tidpunkt ska Redmine visas med detta anpassade tema.

Om du använder Redmine < 1.1.0, kan du eventuellt starta programmet, så det visas i lyssna på alla temaer.

Struktur för temaets map

Et tema består av dessa filer:

• javascripts/theme.js (det är valfritt): anpassa JavaScript till temaet
• favicon / (dette er valgfrit): favicon til Redmine-temaet
• stylesheets / application.css (det är nödvändigt): CSS (Cascading Style Sheets) till temaet

Dessa demonstrerar nedan:
offentlig/
  + - teman /
       +- /
            |
            + - favicon /
            | +- (t.ex. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - applikation.css

Så här skapar du ett Redmine-tema med hjälp av standardtemaet

Du kan också skapa ett Redmine-tema med ändrade färger i CSS-filen för standardtemaet.

Lad os säga, att du vill ändra alt fra et blått tema til et rødt. Detta kan göras med följande 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 visas nedan)
4. Gå till administrationsinställningarna och välj sedan redtheme

/* inläser standard Redmine-stilmall */

@import url (../../../ stilark / applikation.css);

# toppmeny {bakgrund: RGB (128,0,0);}

#header {bakgrundsfärg: RGB (192,0,0);}

# projects-index ul.projects div.root a.project {färg: RGB (128,0,0); }

innehåll h1, h2, h3, h4 {färg: RGB (128,0,0);}

#main {färg: RGB (128,0,0); }

a, a: länk, a: besökte {färg: RGB (128,0,0); }

a: svävar, a: aktiv {färg: RGB (128,0,0); }

Hur ändras temaets logotyp?

Steg 1:

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

2^nd trin

Udskift logo.png fil med den nya logofilen med storleken 43x30

...

#header> h1 {

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

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

}