Korleis lage eit tilpassa Redmine-tema

Fordelen med et tilpasset tema er at det er unikt, og designet er akkurat slik du ønsker det (denne fordelen er ikke tilgjengelig med de fleste standardtemaer). Du har fleksibiliteten å designe et tilpasset tema akkurat slik du vil. Selv om det kan kreve mer innsats å lage et tilpasset tema i motsetning å bruke et standard tema, er wynikatene helt verdt det. Les videre for lære hvordan du oppretter et tilpasset Redmine-tema. Opprettelse av et nytt Redmine-tema Redmine gir grunnleggende støtte dla temaer. Możesz zmienić temat na JavaScript i zmienić styl (application.css). Første trinn å opprette en ny mappe i public/themes. Navnet på mappen vil bli brukt som navnet på temaet. Dla eksempel: public/themes/my_theme. Możesz skorzystać z pliku tilpasset application.css i lagrer den w undermappe kalt arkuszy stylów: Public/themes/my_theme/stylesheets/application.css Følgende er et exempel på en tilpasset stylsheets overstyrer noen få instillinger: /* ostatni standardowy arkusz stylów Redmine * / @import url(../../../stylesheets/application.css); /* legg do logo w nagłówku */ #header { tło: #507AAA url(../images/logo.png) bez powtórzeń 2px; dopełnienie po lewej stronie: 86px; } /* flytt prosjektmenyen til høyre */ #main-menu { left: auto; po prawej: 0 pikseli; } Nevnte eksempelet forutsetter at du har et bilde niektóre plassert w my_theme/images/logo.png. Możesz laste ned dette temaet (eksempel) som et utgangspunkt dla ditt eget tilpassede Redmine-tema. Pakuj temaet w public/themes-mappen. Tillegg av tilpasset JavaScript Inkluder bare JavaScript-en din w javascript/theme.js, lub przez ostatni automat na stronie hver. Innstilling av Favicon Sett inn faviconen din i favicon-mappen, og den vil lastet automatisk w stedet dla standardowej favicon på hver side. Favicon-filens navn kan være hva som helst. (Hvis du ikkevet det, en favicon et lite 16x16 piksels ikon som tjener formålet merkevaren til nettstedet ditt. Hovedmålet er å hjelpe besøkende med finne siden din lettere når de har flere faner åpne). Bruk av det tilpassede temaet Trinn 1: Første trinn å laste ned et nytt tema. Trinn 2: Pakuj temaet w ../public/themes/. Wynik ten jest dostępny w mappensti dla application.css, dla eksempel: ../public/themes/redminecrm/stylesheets/application.css Trinn 3: Gå til Administrasjon -> Innstillinger og fra "Tema" -listen (rullegardinlisten), velg temaet du nettopp har opprettet. Etter dette, lagre instillingene dine. På dette tidspunktet skal Redmine nå vises med det tilpassede temaet ditt. Hvis du bruker Redmine < 1.1.0, må du kanskje starte applikasjonen på nytt, aby słuchać na tilgjengelige temaer na den skal vises.

Katalog struktur tematycznych

Ten motyw jest najlepszy z tych plików:

• javascripts/theme.js (dette er valgfritt): tilpasset JavaScript dla temaet
• favikona / (dette er valgfritt): favicon dla Redmine-temaet
• arkusze stylów / application.css (dette er nødvendig): CSS (kaskadowe arkusze stylów) dla temaet

Dette er demonstrert nedenfor:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (np. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Slik oppretter du et Redmine-tema ved å bruke standardtemaet

Można også opprette i Redmine-tema ved å endre fargene w CSS-filen do standardowego tematu.

Si at du vil endre alt fra et blått motyw til et rodt motyw. Dette kan du gjøre med CSS-en nedenfor.

1. sh# cd /sti/til/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (imadła kodujące potrzebne do)
4. Służy do administrowania i usuwania motywów redtheme

/* ostatni zajazd standardowy Redmine-stilark */

@import url (../../../ stylesheets / application.css);

# menu główne {tło: RGB (128,0,0);}

#header {kolor tła: RGB (192,0,0);}

# projekty-indeks ul. projekty div.root a.project {color: RGB (128,0,0); }

zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

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

a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

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

Logo Hvordan endre temaets?

1. trin:

Utwórz plik logo w @./public/themes/redminecrm/images@

2^nd sieć

Erstatt logo.png-filen me den nye logofilen med størrelsen 43x30

...

#header> h1 {

               bakgrunn: url(../images/logo.png) pobierz 10px 20%;

               dopełnienie: 5px 60px; /* Endre dette for sette ditt eget logo */

}