Hogyan hozzunk létre egy egyedi Redmine témát.

Az egyéni téma előnye az, hogy egyedi és pontosan olyan a tervezése, amilyennek szeretné (ez az előny nem áll rendelkezésre a legtöbb alapértelmezett téma esetén). Rugalmasságot biztosít az egyéni téma bármilyen tervezéséhez. Bár az egyéni téma létrehozása több erőfeszítést igényel, mint az alapértelmezett használata, az eredmények teljesen megéri. Olvassa el, hogyan hozhat létre egy egyedi Redmine témát. Új Redmine téma létrehozása A Redmine alapvető támogatást nyújt a témákhoz. Questo script javascript non è compatibile con lo script (application.css). Az első lépés egy új könyvtár létrehozása a public/themes-ben. A könyvtár mai lesz a téma neve. Például: public/themes/my_theme. Se hai letto un altro application.css, devi menzionare questo almapp, quindi stylesheets-nek neve: Public/themes/my_theme/stylesheets/application.css. Questa opzione non è stata eseguita correttamente: /* carica il foglio di stile Redmine predefinito */ @import url(../../../stylesheets/application.css); /* aggiungi un logo nell'intestazione */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; imbottitura a sinistra: 86px; } /* sposta il menu del progetto a destra */ #main-menu { left: auto; a destra: 0px; } E mi è piaciuto molto il feltro, hogy van egy kép, amely a my_theme/images/logo.png helyen található. Letöltheti ezt a témát (mintát) kiindulási pontként saját egyedi Redmine témájához. A témát a public/temi könyvtárban kell kicsomagolni. Un Javascript non valido Csak illessze be a javascriptjét a javascript/theme.js-be, è meno probabile che venga utilizzato automaticamente. Visualizzazione favicon Illessze be a faviconját a favicon mappába, és minden oldalon automatikusan betöltődik a helyett, hogy az alapértelmezett lenne. Una favicon fájl neve lehet bármi. (Ha nem tudja, a favicon egy apró 16x16 képpontos icon, amely a webhelyének márkaazonosságát szolgálja. Fő célja, hogy segítse a látogatókat abban, hogy könnyebben megtalálják az oldalát, amikor több lapot nyit niente di più). Az egyéni téma alkalmazása 1. lépés: Töltse le az új témát. 2. lépés: Csomagolja ki a témát a ../public/themes/ mappába. Un altro modo per poter scegliere è application.css-hez, selezionare ../public/themes/redminecrm/stylesheets/application.css. 3. Segui: Seleziona il menu Amministrazione -> Impostazioni, è l'elenco "Temi" (elenco dei temi) per selezionare il tema selezionato. Ezután mense el a beállításokat. Ebben a pontban a Redmine már az egyedi témájával jelenik meg. Se Redmine ha installato la versione 1.1.0 della versione successiva, è possibile utilizzare l'elenco dei temi preferiti dall'utente.

A témák könyvtárszerkezete

Egy téma az alábbi fájlokból áll:

• javascripts/theme.js (opzionale): testare JavaScript e creare un tema
• icona preferita / (ez opcionális): favicon a Redmine témához
• stylesheets / application.css (ez szükséges): CSS (Cascading Style Sheets) e un argomento

Ezt az alábbiakban mutatjuk be:
pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Il tema Redmine è stato scaricato dal tema di apertura

Questo tema Redmine è disponibile con la modalità di accesso al tema CSS.

Tegyük fel, hogy mindent egy kék témából pirosra szeretnénk változtatni. Ti aiuta a selezionare l'elenco CSS.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / theme / redtheme / stylesheets / application.css (a kódolás alább látható)
4. Menjünk az adminsztrációs beállításokhoz, majd válasszuk ki a redtheme-et

/* lascia il pulsante di accesso Redmine */

@import url (../../../ stylesheets / 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); }

contenuto h1, h2, h3, h4 {color: RGB (128,0,0);}

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

a, a: link, a: visitato {color: RGB (128,0,0); }

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

Hogyan valtoztassuk meg a téma logóját?

1° passo:

Segui il collegamento e fai clic su: @./ public / temi/ redminecrm / images@

2^ik Lépes

Fare clic sul logo.png per creare un logo 43x30 più piccolo

...

#header> h1 {

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

               imbottitura: 5px 60px; /* La modalità di accesso è quella desiderata */

}