Hur man skapar ett anpassat Redmine-tema

Fördelen med ett anpassat tema är att det är unikt och designen är precis som du vill ha den(denna fördel finns inte med de flesta Standardteman). Du har flexibiliteten att designa ett anpassat tema på vilket sätt du vill. āven om det kan kräva mer ansträngning att skapa ett anpassat tema jämfört med att använda ett Standardtema, är resultatet helt värt det. Redmine 테마에 대한 정보를 확인하세요.

Skapande av ett nytt Redmine 테마

Redmine ger grundläggande stöd för teman. JavaScript를 통과하여 스틸(application.css)을 사용할 때까지 확인하세요.
Första steget är att skapa en ny mapp i 공개/테마. Namnet på mappen kommer att användas som namnet på temat. 예시까지: public/themes/my_theme.
Sedan skapar du en anpassad application.css 및 sparar den i en undermapp som heter 스타일시트:
공개/테마/my_theme/stylesheets/application.css
Följande är ett exempel på en anpassad stilmall som bara åsidosätter några inställningar:
/* Redmine을 위한 표준 설정 */
@import url (../../../ stylesheets / application.css);
/* 로고가 나올 때까지 lägg i sidhuvudet */
#헤더 {
    배경: #507AAA url(../images/logo.png) 반복 없음 2px;
    왼쪽 여백 : 86px;
}
/* 회거까지 플라이타 프로젝트메닌 */
# main-menu {
    왼쪽 : 자동;
    오른쪽 : 0px;
}
Ovanstående exempel förutsätter att du har en bild som är placerad i my_theme/images/logo.png.
Du kan ladda ner detta tema (예시) som en startpunkt för ditt eget anpassade Redmine-tema. 공개/테마 맵펜에 추가 테마가 있습니다.

JavaScript에 대한 Tillägg의 설명

JavaScript의 잉크는 javascript/theme.js와 javascript/theme.js를 통해 자동으로 다양한 페이지에 표시됩니다.

즐겨찾기 아이콘 설치 중

즐겨찾기 아이콘 및 즐겨찾기 아이콘에 대한 정보가 있으면 자동으로 표준 즐겨찾기 아이콘이 표시됩니다. Favicon-filens namn kan vara vad som helst. (Om du inte vet det är en favicon en liten 16x16 pixlars ikon som används för att marknadsföra din webbplats. Dess huvudsakliga syfte är att hjälpa besökare att hitta din sida lättare när de har flera flikar öppna).

Passade 테마에 대한 Tillämpning

• 1단계:

Första steget är att ladda ner ett nytt tema.

• 스테 그 2:

파일 형식은 ../public/themes/입니다. 결과는 application.css까지 exempel까지의 두개골 vara en sökväg입니다.

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

• 스테 그 3:

관리에 가서 -> Inställningar och välj temat du nyss skapat från listan "Tema"(rullgardinsmeny)를 선택하세요. 스파라 디나 설치 후 데타.
Redmine 비자가 통과 테마에 해당하는지 확인하세요.

Redmine < 1.1.0에서 ska 비자 신청을 시작하려면 먼저 시작해야 합니다.

테마맵의 구조

파일 작성자의 가장 좋은 주제:

• javascripts/theme.js (valfritt): 주제에 대한 JavaScript 전달
• 파비콘 / (valfritt): Redmine 테마의 파비콘
• stylesheets / application.css (nödvändigt): 테마에 대한 CSS (Cascading Style Sheets)

데타 비자 필요:
공공의/
  +-테마 /
       +- /
            |
            +-favicon /
            | +- (예: favicon.ico, favicon.png)
            |
            +-자바 스크립트 /
            | +-theme.js
            |
            +-스타일 시트 /
                 +-application.css

Hur man skapar ett Redmine-tema genom att använda Standardtemat

Redmine 테마 게놈은 표준 테마에 대한 CSS 파일과 관련이 있습니다.

Säg att du vill ändra allt från ett blått tematil ett rött. CSS를 확인해보세요.

1. sh# cd /path/to/redmine
2. sh# mkdir -p 공개/테마/redtheme/스타일시트
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden Visas nedan)
4. Gå Till admininställningarna och välj 세단 redtheme

/* ladda 표준-Redmine-stimallen */

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

Hur man ändrar temats 로고?

1:스테그:

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

2^a Steg

Ersätt logo.png 파일 med den nya 로고파일 med storleken 43x30

...

#header> h1 {

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

               패딩: 5px 60px; /* Ándra detta för att ställa in din egen logotyp */

}