Przyjdź i stwórz spersonalizowany motyw dla Redmine.

Il vantaggio di un tema personalizzato jest è è unico e il suo design è esattamente come lo desideri (to beneficio non è disponibile con la maggior parte dei temi predefiniti). Hai la flessibilità di progettare un tema personalizzato in quasiasi modo desideri. Anche se la creazione di un temat personalizzato potrebbe richiedere più sforzo rispetto all'utilzzo di uno predefinito, i risultati ne valgono totalmente la pena. Kontynuuj czytanie, aby stworzyć spersonalizowany motyw Redmine.

Utwórz nowy motyw Redmine

Redmine fornisce un supporto fundamentale dla temi. Questi temi można dodać alcuni javascript personalizzati e sostituire w mgle di stile (application.css).
Pierwszym krokiem jest utworzenie nowego katalogu w public/themes. Il nome della Directory verrà utilizzato jak nome del tema. Ad esempio: public/themes/my_theme.
Kolejne, tworzenie aplikacji.css personalizato i salvalo w jednym z arkuszy stylów sottocartella chiamata:
Public/themes/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);
/* dodaj logo nell'intestazione */
#nagłówek {
    tło: #507AAA url(../images/logo.png) bez powtórzeń 2px;
    dopełnienie lewe: 86px;
}
/* wstaw menu del progetto a destra */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Możesz je zobaczyć w my_theme/images/logo.png.
Możesz pobrać ten motyw (esempio), aby uzyskać dostęp do własnego motywu Redmine. Utwórz katalog tematyczny public/themes.

Spersonalizowane JavaScript

Dołącz JavaScript do javascript/theme.js i automatycznie odtwarzaj na każdej stronie.

Impostazione del Favicon

Wstawiaj tuo favicon nella Cartella favicon e verrà caricato Automaticamente anziché quello predefinito na każdej stronie. Il nome del file favicon può essere qualsiasi cosa. (Nel caso in cui non lo sapessi, un favicon to ikona piccola di 16x16 pixel, która służy wszystkim obszarom brandingu twojej witryny internetowej. Obietnice te są głównymi usługami, które odwiedzają i które odwiedzają, a których szukasz, a twoja strona jest łatwiejsza, jeśli chcesz, aby były różnorodne harmonogram).

Aplikacja personalizacyjna tematu

• Krok 1:

Pierwszym krokiem jest pobranie nowego motywu.

• Krok 2:

Dekompiluj motyw w ../public/themes/. Wynik tego zadania będzie widoczny we wszystkich katalogach aplikacji.css jako pierwszy

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

• Krok 3:

Vai su Amministrazione -> Impostazioni e dalla lista "Tema" (menu a tendina), wybierz motyw, który chcesz utworzyć. Dopo di che, salva le tue impostazioni.
To zadanie, Redmine dovrebbe może zostać wykorzystane do spersonalizowania Twojego tematu.

Użyj tej aplikacji Redmine < 1.1.0, możesz pobrać aplikację powiązaną z listą tych dostępnych funkcji.

Struktura katalogu dei temi

Motyw, który można utworzyć w tym pliku:

• javascripts/theme.js (opcja): personalizacja JavaScript dla motywu
• favikona / (opcja): favicon dla motywu Redmine
• arkusze stylów / application.css (niezbędne): CSS (kaskadowe arkusze stylów) dla każdego tematu

Ciò è dimostrato di seguito:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Przyjdź i utwórz motyw Redmine, korzystając z predefiniowanego motywu

Możesz także utworzyć motyw Redmine zmodyfikować plik CSS z predefiniowanym motywem.

Supponiamo che tu voglia cambiare tutto da un tema blu a uno rosso. Użyj tego narzędzia CSS.

1. sh# cd / percorso / a / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / themes / redtheme / arkusze stylów / application.css (kod jest najczęściej używany)
4. Wszystkie aplikacje administratorów i wybrane czerwone motywy

/* carica il Foglio di Stile predefinito di Redmine */

@import url (../../../ stylesheets / application.css);

# menu główne {tło: RGB (128,0,0);}

#header {kolor tła: RGB (192,0,0);}

# projekty-indeks ul. projekty div.root a.project {color: RGB (128,0,0); }

zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

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

a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

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

Przyjdź do logo motywu?

Przejście 1°:

Metti il ​​logo w @./public /themes/redminecrm /images@

2^o Krok

Sostituire il plik logo.png z nowym plikiem logo w wymiarach 43x30

...

#header> h1 {

               tło: url (../ images / logo.png) bez powtarzania 10px 20%;

               dopełnienie: 5px 60px; /* Zmodyfikuj to, aby zmienić własne logo */

}