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, μέντα 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. Ezek a témák néhány egyéni javascriptet és felülírhatják a stíluslapokat (application.css). Az első lépés egy új könyvtár létrehozása a public/themes-ben. A könyvtár neve lesz a téma neve. Például: public/themes/my_theme. Έλεγχος της εφαρμογής. Az alábbi egyéni stíluslap példája csak néhány beállítást ír felül: /* φόρτωση του προεπιλεγμένου φύλλου στυλ Redmine */ @import url(../../../stylesheets/application.css); /* προσθέστε ένα λογότυπο στην κεφαλίδα */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-αριστερά: 86px; } /* μετακινήστε το μενού έργου στα δεξιά */ #main-menu { αριστερά: auto; δεξιά: 0px; } A fent említett példa feltételezi, 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/themes könyvtárban kell kisomagolni. Egyéni Javascript hozzáadása Csak illessze be a javascriptjét a javascript/theme.js-be, és minden oldalon αυτόματαusan betöltődik. Favicon beállítása Illlessze be a faviconját a favicon mappába, és minden oldalon αυτόματαusan betöltődik a helyett, hogy az alapértelmezett lenne. Ένα favicon fájl neve lehet bármi. (Ha nem tudja, a favicon egy apró 16x16 képpontos ikon, amely a webhelyének márkaazonosságát szolgálja. nyitnak meg). 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. Ennek eredménye egy könyvtár elérési útja az application.css-hez, például ../public/themes/redminecrm/stylesheets/application.css. 3. lépés: Lépjen az Adminisztráció -> Beállítások menübe, és a "Téma" listából (lenyíló lista) válassza ki az újonnan létrehozott témát. Ezután mente el a beállításokat. Ο Έμπεν ένας πόντμπαν και ο Ρεντμίν είναι ένας πολύ καλός χρόνος. Ha a Redmine-t használja 1.1.0-nál régebbi verzióban, újra kell indítania az alkalmazást, hogy megjelenjen az elérhető témák listájában.

Ένα τεχνικό πρόγραμμα

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

• javascripts/theme.js (ez opcionális): testreszabott JavaScript ένα θέμα számára
• favicon / (ez opcionális): favicon a Redmine témához
• φύλλα στυλ / application.css (ez szükséges): CSS (Cascading Style Sheets) ένα θέμα számára

Ezt az alábbiakban mutatjuk be:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (πλ. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css

Egy Redmine téma létrehozása az alapértelmezett téma felhasználásával

Η εικόνα του Egy Redmine είναι létrehozhatunk az alapértelmezett Téma CSS που έχει εγγραφεί σε λειτουργία.

Tegyük fel, hogy mindent egy kék témából pirosra szeretnénk változtatni. Αποκτήστε τη συνδρομή σας στο CSS.

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

/* töltsük be az alapértelmezett Redmine stíluslapot */

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

# top-menu {φόντο: RGB (128,0,0);}

#header {φόντο-χρώμα: RGB (192,0,0);}

# έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); }

περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);}

# κύριο {χρώμα: RGB (128,0,0); }

a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); }

a: hover, a: ενεργό {color: RGB (128,0,0); }

Hogyan változtassuk meg a téma logóját;

1ο βήμα:

Tegyük a logó fájlt a következő helyre: @./ public / themes/ redminecrm / images@

2^ik Lépés

Cserélje le a logo.png fájlt az új 43x30 méretű logó fájlra

...

#header> h1 {

               háttér: url(../images/logo.png) χωρίς επανάληψη 10 εικονοστοιχεία 20%;

               padding: 5px 60px; /* Módosítsa ezt a saját logója beállításához */

}