Kuinka luoda räätälöity Redmine-teema

Mukautetun teeman etuna on, että se on ainutlaatuinen ja sen suunnittelu on juuri sellainen kuin haluat (tämä etu ei ole saatavilla useimmissa oletusteemoissa). Sinulla on joustavuus suunnitella mukautettu teema haluamallasi tavalla. Vaikka mukautetun teeman luominen saattaa vaatia enemmän vaivaa verrattuna oletusteemaan, tulokset ovat ehdottomasti sen arvoisia. Lue lisää saadaksesi tietoa mukautetun Redmine-teeman luomisesta.

Uuden Redmine-teeman luominen

Redmine tarjoaa perustuen tuen teemoille. Nämä teemat voivat lisätä muutamia mukautettuja JavaScript-tiedostoja и corvata tyylitiedostoja (application.css).
Ensimmäinen vaihe on luoda uusi hakemisto public/themes-kansioon. Hakemiston nimi toimii teeman nimenä. Примери: public/themes/my_theme.
Изтеглете приложението application.css, за да добавите различни стилови таблици:
Public/themes/my_theme/stylesheets/application.css
Seuraava esimerkki on mukautettu tyylitiedosto, joka korvaa vain muutamia asetuksia:
/* lataa oletus Redmine-tyylitiedosto */
@import url (../../../ стилове / application.css);
/* търсене на лого */
#header {
    адрес: #507AAA url(../images/logo.png) ei-toista 2px;
    vasen reuna: 86px;
}
/* siirrä projektivalikko oikealle */
#главно меню {
    васен: авто;
    oikea: 0px;
}
Edellinen esimerkki olettaa, ittä sinulla on picture, joka sijaitsee kohdassa my_theme/images/logo.png.
Voit ladata tämän teeman (esimerkki) lähtökohdaksi omalle mukautetulle Redmine-teemallesi. Pura teema public/themes-hakemistoon.

Mukautetun JavaScriptin lisääminen

Изтеглете JavaScript-свързване на javascript/theme.js и можете да използвате автоматични настройки на страницата.

Фавиконин асеттамин

Вижте faviconisi favicon-kansioon, ja se ladataan automaattisesti jokaisella sivulla oletusversion sijaan. Favicon-tiedoston nimi voi olla mikä tahansa. (Jos et tiedä, favicon on pieni 16x16 pikselin pictures, joka edustaa verkkosivustosi brandää. Sen tarkoituksena on auttaa kävijöitä löytämään sivusi helpommin, kun heillä on useita välilehtiä auki).

Mukautetun teeman käyttäminen

• Vaihe 1:

Ensimmäinen vaihe on ladata uusi teema.

• Вайхе 2:

Pura teema kansioon ../public/themes/. Tämän seurauksena hakemistopolku application.css-tiedostoon olisi

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

• Вайхе 3:

Mene hallintapaneeliin -> Asetukset ja valitse "Teema" -luettelosta (pudotusvalikko) juuri luomasi teema. Tämän jälkeen tallenna asetukset.
Tässä vaiheessa Redmine pitäisi näkyä mukautetun teeman avulla.

Ако използвате версията на Redmine < 1.1.0, можете да изтеглите актуална версия на програмата, която трябва да бъде използвана след олевиена.

Teemojen hakemistorakenne

Teema koostuu näistä tiedostoista:

• javascripts/theme.js (към valinnainen): mukautettu JavaScript-teemalle
• фавикон / (tämä on valinnainen): favicon Redmine-teemalle
• stylesheets / application.css (tämä on välttämätön): CSS (Cascading Style Sheets) teemalle

Tämä on esitetty alla:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (напр. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Redmine-teeman luominen oletusteemaa käyttämällä

Изберете моята игра на Redmine-teeman, която променя CSS-изпълнението.

Oletetaan, että haluat muuttaa kaiken sinisestä teemasta punaiseksi. Можете да видите всички CSS:llä.

1. sh# cd /polku/redmineen
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (коодаус на всичко)
4. Mene hallintasetuksiin ja valitse sitten redtheme

/* lataa oletus Redmine-tyylitiedosto */

@import url (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

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

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

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

Miten vaihdetaan teeman лого?

1. vaihe:

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

2^nd Вайхе

Korvaa logo.png tiedosto uudella logotiedostolla, jonka koko на 43x30

...

#header> h1 {

               грешка: url(../images/logo.png) ei-toista 10px 20%;

               размер: 5px 60px; /* Muokkaa tätä asettaaksesi oman logosi */

}