Hur man skapar ett anpassat Redmine-tema

Fördelen med ett anpassat tema är att det det är unikt och designen är precis som du vill ha den (denna fördel finns inte med de flesta standardteman). Имате гъвкави възможности за проектиране и добавяне на тема към вашата къща. Ä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. Läs vidare för att lära dig hur du skapar ett anpassat Redmine-tema.

Skapande av ett nytt Redmine-tema

Redmine ger grundläggande stöd for teman. Ако темата може да се използва до några anpassade JavaScript och åsidosätta stilmallar (application.css).
Första steget är att skapa en ny mapp i public/themes. 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 stylesheets:
Public/themes/my_theme/stylesheets/application.css
Följande är ett exempel på en anpassad stilmall som bara åsidosätter några inställningar:
/* ladda standardstilmallen за Redmine */
@import url (../../../ стилове / application.css);
/* показване на логото и страницата */
#header {
    фон: #507AAA url(../images/logo.png) без повторение 2px;
    padding-left: 86px;
}
/* flytta projektmenyn till höger */
#главно меню {
    вляво: автоматично;
    десен: 0px;
}
Ovanstående exempel förutsätter att du har en bild som är placerad in my_theme/images/logo.png.
Можете да изтеглите тази тема (пример) като начална точка, за да направите това, за да отворите Redmine тема. Допълнителни публични теми/теми-карта.

Изтеглете anpassad JavaScript

Включва бара на JavaScript и javascript/theme.js и den kommer att laddas automatiskt på varje sida.

Инсталиране от favicon

Infoga din favicon i favicon-mappen, och den kommer att laddas automatiskt istället för standard faviconen på varje sida. Favicon-filens namen kan vara vad som helst. (Om du inte vet det är en favicon en liten 16x16 pixlars icon som används for 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).

Tillämpning av det anpassade temat

• Стъпка 1:

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

• Стег 2:

Пакетирайте темата в ../public/themes/. Резултатът от този череп е променен и търсен до application.css като пример

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

• Стег 3:

Отидете до Administration -> Inställningar och välj temat du nyss skapat från listan "Tema" (rullgardinsmeny). Spara dina inställningar efter detta.
Видът, в който можете да създадете визи за Redmine с тази тема за преминаване.

Когато използвате Redmine < 1.1.0, можете да стартирате приложението за кандидатстване за ска визи и да го слушате до момента.

Struktur for temamappar

Тази тема е най-добра от изтеглен файл:

• javascripts/theme.js (valfritt): прехвърляне на JavaScript за тема
• фавикон / (valfritt): favicon за Redmine-temat
• stylesheets / application.css (nödvändigt): CSS (каскадни стилови таблици) за тема

Детта визи недан:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (напр. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Hur man skapar ett Redmine-tema genom att använd standardtemat

Можете да изтеглите генома на Redmine-tema към друг файл в CSS-файл за стандартен формат.

Säg att du vill ändra allt från ett blått tema till ett rött. Това може да се използва с използван CSS.

1. sh# cd /path/to/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (кодени визи не)
4. Отидете до admininställningarna och välj sedan redtheme

/* ladda standard-Redmine-stilmallen */

@import url (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

#main {color: RGB (128,0,0); }

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

Hur man ändrar temats logotyp?

1: стъпка:

Файлове с лого на Placera в @./public/themes/redminecrm/images@

2^a Щег

Ersätt logo.png filen with den nya logofilen with storleken 43x30

...

#header> h1 {

               фон: url (../ images / logo.png) без повторение 10px 20%;

               подложка: 5px 60px; /* Ändra totta för att ställa in din egen logotyp */

}