Hur man skapar ett anpassat Redmine-tema

Fördelen med ett anpassat tema är att det är unikt och designen är precis som du vill ha den (denna fördel finns inte med de flesta standardteman). Du har flexibiliteten att designa ett anpassat tema på vilket sätt du vill. Även om det kan kräva mer ansträngning att skapa ett anpassat tema jämfört med att använda ett standardtema, är resultatet helt värt det. Podívejte se na hledaný výkop hur du skapar ett anpassat Redmine-tema.

Skapande a nové téma Redmine

Redmine ger grundläggande stöd för teman. Dessa může trvat až do några anpassade JavaScript nebo åsidosätta stilmallar (application.css).
Första steget är att skapa en ny mapp i public/themes. Namnet på mappen kommer att användas som namnet på temat. Do exempel: public/themes/my_theme.
Sedan skapar du en anpassad application.css och sparar den a undermapp několik stylů:
Public/themes/my_theme/stylesheets/application.css
Följande är ett exempel på en anpassad stilmall jsem bara åsidosätter några inställningar:
/* ladda standardstilmallen pro Redmine */
@import url (../../../ styly / application.css);
/* lägg till en logotyp a sidhuvudet */
#záhlaví {
    pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}
/* flytta projektmenyn till höger */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
Ovanstående exempel förutsätter att du har en bild jsem är placerad i my_theme/images/logo.png.
Není možné, aby toto téma (příklad) bylo spuštěno pro následující téma Redmine. Extrahera téma a public/themes-mappen.

Prohlédněte si JavaScript

Obsahuje skripty JavaScript a javascript/theme.js a všechny běžné automaty na straně.

Instalace favicon

Informace o favicon a favicon-mappen, och den commer att laddas automatiskt isstället for standardfaviconen on the varje side. Favicon-filens namn kan vara vad som helst. (Om du inte vet det är en favicon en liten 16x16 pixlars icon is används for att marknadsföra din webbplats. Dess huvudsakliga syfte är att hjälpa besökare att hitta din sidapplättare fléraär).

Doplňkové informace k tématu

• Krok 1:

Första steget är att ladda ner ett nytt téma.

• Krok 2:

Packa upp themat i ../public/themes/. Výsledky z detta skulle vara en sökväg till application.css jsem till exempel

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

• Krok 3:

Gå till Administration -> Inställningar och välj temat du nyss skapat från listan "Tema" (rullgardinsmeny). Připravte se na instalaci po dokončení.
Podívejte se na víza Redmine s tímto tématem anpassade.

Om du använder Redmine < 1.1.0 kan det vara nödvändigt att starta om applikationen för att den ska visas a listan över tillgängliga teman.

Struktura pro temamappar

Ett téma består följande filer:

• javascripts/theme.js (valfritt): anpassad JavaScript pro téma
• favicon / (valfritt): favicon pro Redmine-temat
• styly / application.css (nödvändigt): CSS (Cascading Style Sheets) pro téma

Detta vízum neplatí:
veřejnost/
  + - témata /
       +- /
            |
            + - favicon /
            | +- (např. favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

Hur man skapar ett Redmine-tema genom att använda standardtemat

Můžete použít soubor Redmine genom a také soubor CSS pro standardní soubor.

Säg att du vill ändra allt från ett blått tema till ett rött. Det kan du göra med följande CSS.

1. sh# cd /cesta/k/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden visa nedan)
4. Gå till admininställningarna och välj sedan redtheme

/* ladda standard-Redmine-stilmallen */

@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); }

Hur man ändrar temats logotyp?

1:a steg:

Placera logofilen na @./public/themes/redminecrm/images@

2^a Steg

Ersätt logo.png soubor s novým logem se vzorem 43x30

...

#header> h1 {

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

               odsazení: 5px 60px; /* Ändra detta för att ställa in din egen logotyp */

}