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 flestestandardtemaer). Du har fleksibiliteten til å designe et tilpasset tema akkurat slik du vil. Selv om det kan kreve mer innsats å lage et tilpasset tem i motsetning til å bruke et Standard tem, er resultatene helt verdt det. å lære hvordan du oppretter et tilpasset Redmine-tema에 대한 비디오입니다. Opprettelse av et nytt Redmine-tema Redmine gir grunnleggende støtte for temaer. JavaScript 및 오버스타일러(application.css)를 통과할 때까지 이 문제를 해결하세요. 공개/테마에 대한 지도를 선택하세요. Navnet på mappen vil bli brukt som navnet på temaet. 샘플의 경우: public/themes/my_theme. tilpasset application.css 및 lagrer den i undermappe kalt 스타일시트 삭제: Public/themes/my_theme/stylesheets/application.css Følgende er et eksempel på en tilpasset stylesheet som bare overstyrer noen få innstillinger: /* 마지막 표준 Redmine 스타일시트 * / @import URL(../../../stylesheets/application.css); /* 로고 헤더 설정 */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; 왼쪽 패딩: 86px; } /* 앞으로 나아갈 방향을 결정하세요 */ #main-menu { 왼쪽: 자동; 오른쪽: 0px; } du har et bilde som er plassert i my_theme/images/logo.png에서 확인하세요. Du kan laste ned dette temaet (eksempel) som et utgangspunkt for ditt eget tilpassede Redmine-tema. 공개/테마 맵펜으로 테마를 설정하세요. JavaScript Inkluder의 기본 JavaScript는 javascript/theme.js에서 제공되며, 측면에서 자동으로 마지막으로 자동 생성됩니다. Favicon Sett inn faviconen din 및 favicon-mappen을 설치하고 표준 favicon på hver 측면에 대해 마지막 자동으로 설정합니다. Favicon-filens navn kan være hva som helst. (Hvis du ikke vet det, er en favicon et lite 16x16 piksels ikon som tjener formålet med 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 er å laste ned et nytt tema. Trinn 2: Pakk ut temaet i ../public/themes/. 결과는 application.css에 있는 mappensti에서 확인됩니다. eksempel의 경우: ../public/themes/redminecrm/stylesheets/application.css Trinn 3: 관리자용 -> 인스틸링거 및 "Tema" -listen(rullegardinlisten), velg temaet du nettopp har opprettet. Etter dette, lagre innstillingene 식사. Redmine에 대해 더 많은 정보를 얻으려면 해당 주제에 대해 더 자세히 알아보세요. Redmine < 1.1.0 버전에서 앱을 시작하기 전에는 더 많은 정보를 듣고 싶습니다.
테마 카탈로그 구조
가장 좋은 주제는 다음과 같습니다:
- javascripts/theme.js (dette er valgfritt): temaet용 tilpasset JavaScript
- 파비콘 / (dette er valgfritt): Redmine-temaet에 대한 파비콘
- stylesheets / application.css (dette er nødvendig): 테마용 CSS(Cascading Style Sheets)
다음 사항을 시연하려면 다음을 수행하세요.
공공의/
+-테마 /
+- /
|
+-favicon /
| +- (f.eks. favicon.ico, favicon.png)
|
+-자바 스크립트 /
| +-theme.js
|
+-스타일 시트 /
+-application.css
Slik oppretter du et Redmine 테마 ved å bruke 표준 테마
Redmine 테마와 표준 테마에 대한 CSS 파일이 모두 끝납니다.
Si at du vil endre alt fra et blått tema til et rødt tema. CSS를 사용하여 필요한 사항을 확인하세요.
- sh# cd /sti/til/redmine
- sh# mkdir -p 공개/테마/redtheme/스타일시트
- sh# vi public/themes/redtheme/stylesheets/application.css (koding vises nedenfor)
- admininnstillingene 및 velg deretter redtheme을 관리하세요.
/* 라스트 인 스탠다드 Redmine-stilark */
@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); }
Hvordan endre temaets 로고?
1. 트린:
Plasser 로고 파일(@./public/themes/redminecrm/images@)
2nd 찌르다
Erstatt logo.png 파일 med den nye 로고파일 med størrelsen 43x30
...
#header> h1 {
bakgrunn: url(../images/logo.png) ingen gjentakelse 10px 20%;
패딩: 5px 60px; /* å sette ditt eget 로고에 대한 Endre dette */
}
