Hogyan hozzunk létre egy egyedi Redmine 테마.

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. 예를 들어 egyéni javascriptet는 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. 다음은 application.css-t ésmente el ezt egy almappába, amelyet stylesheets-nek neveznek: Public/themes/my_theme/stylesheets/application.css입니다. 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; 패딩-왼쪽: 86px; } /* 프로젝트 메뉴를 오른쪽으로 이동 */ #main-menu { left: auto; 오른쪽: 0px; } 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. 공개/테마 könyvtárban kell kicsomagolni의 테마입니다. Egyéni Javascript hozzáadása Csak illessze be a javascriptjét a javascript/theme.js-be, és minden oldalon automatikusan betöltődik. Favicon beállítása Illessze는 faviconját a favicon mappába, és minden oldalon automatikusan 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. Fő célja, hogy segítse a látogatókat abban, hogy könnyebben megtalálják az oldalát, amikor több lapot nyitnak 메그). 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. 당신은 당신을 기다리고 있습니다. Ebben a pontban a Redmine már az egyedi témájával jelenik meg. 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.

témák könyvtárszerkezete

모든 내용에 대한 내용은 다음과 같습니다.

• javascripts/theme.js (ez opcionális): testreszabott JavaScript 및 테마 페이지
• 파비콘 / (ez opcionális): Favicon a Redmine 테마
• stylesheets / application.css(ez szükséges): CSS(Cascading Style Sheets) 테마 számára

Ezt az alábbiakban mutatjuk be:
공공의/
  +-테마 /
       +- /
            |
            +-favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            +-자바 스크립트 /
            | +-theme.js
            |
            +-스타일 시트 /
                 +-application.css

Egy Redmine 테마는 더 이상 읽을 수 없습니다.

Egy Redmine 테마는 Létrehozhatunk az alapértelmezett 테마 CSS fájljának színeinek módosításával입니다.

당신은 마음에 들었고, 당신의 마음을 사로잡을 준비가 되어 있습니다. CSS에 대한 자세한 내용은 다음과 같습니다.

1. sh # cd / path / ~ / 레드 마인
2. sh # mkdir -p public / 테마 / redtheme / 스타일 시트
3. sh# vi public / themes / redtheme / stylesheets / application.css (a kódolás alább lább latható)
4. Menjünk az adminisztrációs beállításokhoz, majd válasszuk ki a redtheme-et

/* Redmine stíluslapot를 수정하세요 */

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

# top-menu {배경 : RGB (128,0,0);}

#header {배경색 : RGB (192,0,0);}

# projects-index 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 : 링크, a : 방문한 {색상 : RGB (128,0,0); }

a : 호버, a : active {색상 : RGB (128,0,0); }

Hogyan változtassuk meg a téma logoját?

1단계:

다음 로고는 következő helyre: @./ public / themes/ redminecrm / images@

2^ik 레페

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

...

#header> h1 {

               모자: url(../images/logo.png) 반복 없음 10px 20%;

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

}