Redmine에 대한 개인 테마를 만드십시오.

Il vantaggio di un tema personalizzato è che è unico e il suo design è esattamente come lo desideri (questo beneficio non è disponibile con la maggior parte dei temi predefiniti). Hai la flessibilità di progettare un tema personalizzato in qualsiasi modo desideri. Anche se la creazione di un tema personalizzato potrebbe richiedere più sforzo rispetto all'utilizzo di uno predefinito, i risultati ne valgono totalmente la pena. Redmine 개인화 테마를 만들 때마다 계속해서 계속하십시오.

새로운 테마 Redmine을 창조하세요

Redmine fornisce un supporto fondamentale per i temi. Questi temi possono aggiungere alcuni javascript personalizzati e sostituire i fogli di stile(application.css).
먼저 public/themes에 새 디렉터리를 만듭니다. Il nome della directory verrà utilizzato come nome del tema. 광고 예시: public/themes/my_theme.
성공하면 application.css를 개인화하여 una soottocartella chiamata 스타일시트로 만들 수 있습니다.
공개/테마/my_theme/stylesheets/application.css
Ecco un esempio di Foglio di stile personalizzato che sostituisce solo un paio di impostazioni:
/* Carica il foglio di stile Redmine predefinito */
@import url (../../../ stylesheets / application.css);
/* 로고를 닫으려면 intestazione */
#헤더 {
    배경: #507AAA url(../images/logo.png) 반복 없음 2px;
    왼쪽 여백 : 86px;
}
/* sposta il menu del progetto a destra */
# main-menu {
    왼쪽 : 자동;
    오른쪽 : 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'immagine che si trova in my_theme/images/logo.png.
Puoi scaricare questo tema (esempio)는 Redmine Personalizzato에 대한 punto di partenza를 제공합니다. Estrai il tema nella 디렉토리 공개/테마.

Javascript 개인화 도구 사용

Basta는 javascript/theme.js에 자바스크립트를 포함하고 페이지를 자동으로 업데이트합니다.

임포스타지오네 델 파비콘

Inserisci il tuo favicon nella cartella favicon e verrà caricato automaticamente anziché quello predefinito su ogni pagina. Il nome del file favicon può essere qualsiasi cosa. (Nel caso in cui non lo sapessi, un favicon è una piccola icona di 16x16 픽셀 che serve allo scopo del branding del tuo sito web. Il suo obiettivo principale è quello di aiutare i visitatori a trovare la tua pagina più facilmente quando hanno aperte Various 일정).

개인화 테마 응용 프로그램

• 1 단계:

Il primo passo è Scaricare un nuovo tema.

• 파쏘 2:

../public/themes/에서 테마를 해제합니다. Il risultato di questo saebbe un percorso alla directory di application.css come ad esempio

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

• 파쏘 3:

Vai su Amministrazione -> Impostazioni e dalla lista "Tema"(menu a tendina), seleziona il tema che hai appena creato. Dopo di che, salva le tue impostazioni.
질문이 있으면 Redmine dovrebbe essere mostrato utilizzando il tuo tema personalizzato.

Se stai utilizzando Redmine < 1.1.0, potresti dover riavviare l'applicazione affinché appaia nella lista dei temi disponibili.

Struttura della 디렉토리 데이 테미

Un tema è composto da questi 파일:

• javascripts/theme.js (옵션): 테마별 JavaScript 개인화
• 파비콘 / (옵션): Redmine 테마별 파비콘
• stylesheets / application.css(필수): 주제별 CSS(Cascading Style Sheets)

다음 단계로 이동:
공공의/
  +-테마 /
       +- /
            |
            +-favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            +-자바 스크립트 /
            | +-theme.js
            |
            +-스타일 시트 /
                 +-application.css

테마를 미리 정의한 Redmine 유틸리티를 생성해 보세요.

Redmine 수정 및 색상 파일 CSS del tema predefinito로 테마를 만들 수 있습니다.

Supponiamo che tu voglia cambiare tutto da un tema blu a uno rosso. CSS에 대한 Puoi Farlo의 설명입니다.

1. sh# cd / percorso / a / redmine
2. sh # mkdir -p public / 테마 / redtheme / 스타일 시트
3. sh# vi public / themes / redtheme / stylesheets / application.css (il codice è Mostrato di seguito)
4. Vai alle impostazioni dell'amministratore e seleziona redtheme

/* Carica il foglio di stile predefinito di Redmine */

@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); }

Cambiare il logo del tema로 오세요?

1° 파사지오:

@./ public / themes/ redminecrm / images@에 로고를 파일로 저장하세요.

2^o 파소

43x30 크기의 새로운 파일 로고 파일 로고.png 새로운 파일 로고

...

#header> h1 {

               배경 : url (../ images / logo.png) 무 반복 10px 20 %;

               패딩: 5px 60px; /* 고유 로고에 대한 수정 요청 */

}