Kuinka létrehoz räätälöity Redmine-teema

Mukavutettuna etuna on, että se on valmis ja sen suunnittelu on juuri sellainen (tämä etu ei ole saatavilla mitä tahansa oletusteemoissa). Sinulla on joustavuus suunnitella mukautettu teema haluamallasi tavalla. Jos mukautetun teeman voi vaatia enemmän vaivaa oletusteemaan, ovat kaikki sen arvoisia. Olvassa tovább a részleteket a Redmine-teeman luomisesta.

Uuden Redmine-teeman luominen

A Redmine kínálja a tuen teemoille-t. Ezek kötelező érvényű JavaScript-fájlok és kompensált témaformátumok (application.css).
Az első szakasz az új hakemistoon, public/themes-kansioon. Hakemiston nimi működik teeman nimenä. Például: public/themes/my_theme.
Seuraavaksi luo mukautettu application.css ja tallenna se alihakemistoon name stylesheets:
Public/themes/my_theme/stylesheets/application.css
Seuraava esimerkki on mukautettu tyylitiedosto, joka korvaa vain yhtä tyylitiedostoa:
/* lataa oletus Redmine-tyylitiedosto */
@import url (../../../ stíluslapok / application.css);
/* több logo otsikkon */
#fejléc {
    tausta: #507AAA url(../images/logo.png) ei-toista 2px;
    vasen reuna: 86px;
}
/* siirrä projektivalikko oikealle */
#főmenü {
    vasen: auto;
    igaz: 0px;
}
Edellinen esimerkki olettaa, että sinulla on kuva, joka sijaitsee paikassa my_theme/images/logo.png.
Voit ladata teeman (esimerkki) lähtökohdaksi saját mukautetulle Redmine-teemallesi. Pura teema public/themes-hakemistoon.

Mukautetun JavaScriptin továbbminen

Lisää JavaScript-tiedostosi javascript/theme.js ja se ladataan jokaisella sivulla.

Faviconin asettaminen

Add faviconisi favicon-kansioon, ja se ladataan automaattisesti sivulla oletusversion jokaisessa. Favicon-tiedoston nimi voi olla mikä tahansa. (Jos et tiedä, favicon on pieni 16x16 pikselin kuvake, joka edustaa merkistöä. Senkin on auttaa neuvoja neuvoja sivusi helpommin, kun heillä on useita välilehtiä auki).

Mukautetun teeman käyttäminen

• Vaihe 1:

Az első lépés az új témában.

• 2. fázis:

Pura teema kansioon ../public/themes/. Ezért hakemistopolku application.css-tiedostoon olisi

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

• 3. fázis:

Mene hallintapaneeliin -> Asetukset ja valitse "Teema" -listasta (pudotus menu) juuri luomasi téma. Tämän jälkeen tallenna asetukset.
Ebben Redmine szükséges nähdä mukautetun teeman avulla.

Jos Redmine-verzió < 1.1.0, saatat joutua käynnistämään sovelluksen újra, jotta se näkyy saatavilla olevaan temojen luettelossa.

Teemojen hakemistorakenne

Teema hinta-fájlista:

• javascripts/theme.js (tämä on valinnainen): mukautettu JavaScript-teemalle
• favicon / (tämä on valinnainen): favicon Redmine-teemale
• stylesheets / application.css (tämä on szükségtelen): CSS (Cascading Style Sheets) témalle

This on displayed alla:
nyilvános/
  + - témák /
       +- /
            |
            + - favicon /
            | +- (esim. favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

Redmine- tee luominen oletustee maa

Voit myös luoda Redmine-teeman muuttamalla värejä oletusteeman CSS-tiedostossa.

Oletetaan, että haluat muuttaa kaiken sinisestä teemasta punaiseksi. Akkor tedd meg a meglévő CSS:llä.

1. sh# cd /polku/redmineen
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (koodaus on esitetty alla)
4. Mene hallintasetuksiin és korábban redtheme

/* lataa oletus Redmine-tyylitiedosto */

@import url (../../../ stíluslapok / application.css);

# felső menü {háttér: RGB (128,0,0);}

#header {háttér szín: RGB (192,0,0);}

# Projects-index ul.projects div.root a.project {szín: RGB (128,0,0); }

h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

#main {szín: RGB (128,0,0); }

a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

a: lebeg, a: aktív {szín: RGB (128,0,0); }

Hogyan vaihdetaan teeman logó?

1. lépés:

Aseta logotiedosto @./public/themes/redminecrm/images@

2^nd Lépés

Korvaa logo.png tiedosto uudella logotiedostolla, jonka koko 43x30-on

...

#header> h1 {

               tausta: url(../images/logo.png) ei-toista 10px 20%;

               képernyő: 5px 60px; /* Muokkaa tätä valintaa oman logosi */

}