Sådan opretter du et brugerdefineret Redmine-tema

Fordele ved et brugerdefineret tema er, at det er unikt, og at dets design er præcis som du ønsker det(denne fordel er ikke tilgængelig med de flestestandardtemaer). Du har fleksibiliteten til at designe et brugerdefineret tema på den måde, du ønsker det. Selvom det kan kræve mere indsats at oprette et brugerdefineret tema i modsætning til at bruge et Standardtema, er resultaterne helt værd det. Lære에 대한 비디오, hvordan du opretter et brugerdefineret Redmine-tema.

Oprettelse af et nyt Redmine 테마

Redmine 제공자 grundlæggende는 테마까지 지원합니다. 이 주제는 JavaScript 및 overskrive stilarter (application.css)에 대해 더 강력하게 정의할 수 있습니다.
공개/테마에 대한 자세한 내용은 oprette 및 ny mappe에서 확인하세요. Navnet på mappen vil blive brugt som navnet på temaet. 샘플의 경우: public/themes/my_theme.
brugerdefineret application.css 및 undermappe kaldet 스타일시트에 있는 보석을 다시 참조하십시오.
공개/테마/my_theme/stylesheets/application.css
Følgende er et eksempel på en brugerdefineret 스타일시트, der kun overskriver et par indstillinger:
/* 표준 Redmine 스타일시트 */
@import url (../../../ stylesheets / application.css);
/* tilføj et logo i headeren */
#헤더 {
    baggrund: #507AAA url(../images/logo.png) 반복 없음 2px;
    왼쪽 여백 : 86px;
}
/* 이후 프로젝트 메뉴를 플라이트 */
# main-menu {
    왼쪽 : 자동;
    오른쪽 : 0px;
}
자세한 내용은 du har et billede, der er placeret i my_theme/images/logo.png에서 확인하세요.
Du kan downloade dette tema (eksempel) som et udgangspunkt for dit eget brugerdefinerede Redmine-tema. 공개/테마 맵펜을 사용하여 테마를 설정하세요.

Brugerdefineret JavaScript의 Tilføjelse

Inkluder는 javascript/theme.js의 JavaScript에 대해 오점을 남겼으며, 그 내용은 서버 측에서 자동으로 자동으로 표시됩니다.

파비콘 설치 중

파비콘과 파비콘 맵펜을 확인하고, 자동으로 표준 아이콘을 설정하세요. Favicon-filens navn kan være hvad som helst. (Hvis du ikke ved det, er et favicon et lille 16x16 pixel-ikon, der tjener formålet med dit websteds 브랜딩. Dets primære formål er at hjælpe besøgende med at finde din side lettere, når de har flere faner åbne).

Anvendelse af det brugerdefinerede tema

• 트린 1:

자세한 내용은 다운로드 및 최신 테마에서 확인하세요.

• 트린 2:

Udpak 테마는 ../public/themes/. 결과는 application.css에서 f.eks까지입니다.

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

• 트린 3:

관리 관리 -> Indstillinger og vælg temaet, du lige har oprettet, fra "Tema" Listen(rulleliste). 보석은 식사를 제공합니다.
Redmine을 사용하면 테마가 통과될 수도 있습니다.

Bruger Redmine < 1.1.0, skal du muligvis genstarte programt, 그리고 나는 tilgængelige temaer를 통해 듣습니다.

테마츠 맵페의 구조

논문 제출자에 대한 최고의 주제:

• javascripts/theme.js (dette er valgfrit): tilpasset JavaScript til temaet
• 파비콘 / (dette er valgfrit): Redmine 테마에 대한 favicon
• stylesheets / application.css (dette er nødvendigt): CSS (Cascading Style Sheets) 테마까지

Dette는 다음 사항을 입증합니다.
공공의/
  +-테마 /
       +- /
            |
            +-favicon /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            +-자바 스크립트 /
            | +-theme.js
            |
            +-스타일 시트 /
                 +-application.css

Sådan oprettes et Redmine-tema ved hjælp af 표준 테마

Redmine 테마는 표준 테마용 CSS 파일과 ændre Farverne에서 제공됩니다.

Lad os sige, at du vil ændre alt fra et blåt tema til et rødt. CSS를 확인하는 방법을 알아보세요.

1. sh# cd /sti/til/redmine
2. sh# mkdir -p 공개/테마/redtheme/스타일시트
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden vises nedenfor)
4. 관리가 계속 진행 중이고 빨간색 테마를 취소할 때까지

/* 표준 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); }

Sådan ændres 테마 로고?

1 단계 :

Placer 로고 파일은 @./public/themes/redminecrm/images@에 있습니다.

2^nd 트린

Udskift logo.png 파일 med den nye 로고파일 med størrelsen 43x30

...

#header> h1 {

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

               패딩: 5px 60px; /* Ændre dette for at sætte dit eget 로고 */

}