Sådan pretter du et brugerdefineret Redmine-tema

Fordele ved et brugerdefineret tema er, det er unikt, og at dets design er precis som du ønsker det (thenne fordel er ikke tilgængelig med de fleste standardtemaer). Вие сте гъвкави в дизайна и дефинирането на тема в този режим, ако искате. Selvom det kan kreve mere indsats at oprette et brugerdefineret tema i modsætning til at bruge et standardtema, er resultaterne helt værd det. Læs videre for at lære, hvordan du pretter et brugerdefineret Redmine-tema.

Открийте темата за Redmine

Предоставящият Redmine основна поддръжка за теми. Тази тема може да бъде подбрана с дефиниран JavaScript код и да замени стила (application.css).
Първият скрит е избран за всяка карта в публични/теми. Navnet på mappen vil blive brugt som navnet på temaet. За пример: public/themes/my_theme.
Derefter препраща brugerdefineret application.css и gemmes и en undermappe kaldet stylesheets:
Public/themes/my_theme/stylesheets/application.css
Følgende er et exempl på en brugerdefineret stylesheet, der kun overskriver et par indstillinger:
/* indlæs стандартен Redmine стилов лист */
@import url (../../../ стилове / application.css);
/* показване на лого и заглавие */
#header {
    забележка: #507AAA url(../images/logo.png) без повторение 2px;
    padding-left: 86px;
}
/* flyt projektmenuen til højre */
#главно меню {
    вляво: автоматично;
    десен: 0px;
}
Този предходен примерен антагер е на снимката, която е поставена в my_theme/images/logo.png.
Можете да изтеглите тази тема (пример) като и udgangspunkt, за да получите дефинирана от потребителя тема Redmine. Udpak temaet i public/themes-mappen.

Използване на дефиниран JavaScript

Включва blot dit JavaScript в javascript/theme.js, и ще го включите автоматично в тази страна.

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

Indsæt dit favicon i favicon-mappen, og det vil blive indlæst automatisk i stedet for standardikonet på hver side. Favicon-filens navn kan være hvad som helst. (Hvis du ikke ved to, er et favicon et lille 16x16 pixel-icon, der tjener formålet med dit websteds branding. Dets primaer formål er at hjælpe besøgende med at finde din side lettere, når de har more faner åbne).

Обявете темата, дефинирана от потребителя

• Трин 1:

Първата скрита е при изтегляне и нова тема.

• Етап 2:

Udpak temaet i ../public/themes/. Резултатът от тази вила е в sti в application.css като f.eks.

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

• Етап 3:

Отидете до Администриране -> Инсталиране и избор на теми, ако искате да видите лигата, слушайте „Тема“ (списък на файлове). Gem derefter dine indstillinger.
В този момент Redmine не се вижда с тази избрана тема.

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

Struktur for temaets mappe

Най-добрата тема от този файл:

• javascripts/theme.js (който е валиден): достъп до JavaScript до тема
• фавикон / (dette er valgfrit): favicon до Redmine-temaet
• стилови таблици / application.css (този e nødvendigt): CSS (каскадни стилови таблици) до темата

Dette demonstreres nedenfor:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Sådan oprettes et Redmine-tema ved hjælp af standardtemaet

Du også oprette et Redmine-tema ved at ændre farverne in CSS-filen for standardtemaet.

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 public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (коден менгеме неденфор)
4. Отидете до администриране и изберете redtheme

/* indlæs стандартен Redmine стилов лист */

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

Sådan ændres temaets logo?

Стъпка 1:

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

2^nd Стъпка

Udskift logo.png файл с всички логофили с размери 43x30

...

#header> h1 {

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

               подложка: 5px 60px; /* Ændre dette for at sætte dit eget logo */

}