Jak vytvořit vlastní téma pro Redmine.

Výhodou vlastního tématu je to, že je jedinečné a jeho design je přesně takový, jaký chcete (tento benefit není k dispozici u většiny výchozích témat). גמישות גבוהה יותר. I když vytvoření vlastního tématu může vyžadovat více usilí než použití výchozího, výsledky jsou naprosto stojí za to. Pokračujte v čtení, abyste se dozvěděli, jak vytvořit vlastní téma Redmine.

Vytvoření nového tématu Redmine
Redmine poskytuje základní podporu pro témata. Tato témata mohou přidat několik vlastních javascriptů a přepsat style (application.css).
Prvním krokem je vytvořit nový adresář v public/themes. Název adresáře bude použit jako název tématu. Například: public/themes/my_theme.
דף היישום.css יכול להתאים גיליונות סגנונות:
Public/themes/my_theme/stylesheets/application.css
גיליון סגנונות לעיצוב סגנון:
/* גיליון הסגנונות של Redmine */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* přidat logo v záhlaví */
#header {
    רקע: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* přesunout projektové menu doprava */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
יש לך את ההזדמנות להראות לך, אתה יכול לראות את זה ב-my_theme/images/logo.png.
Můžete si stáhnout toto téma (vzor) jako výchozí bod pro vlastní vlastní téma Redmine. Rozbalte téma v adresáři public/themes.

Přidání vlastního javascriptu
Stačí vložit váš javascript do javascript/theme.js a bude se automaticky načítat on každé stránce.

Nastavení faviconu
Vložte svůj favicon do adresáře favicon a bude se automaticky načítat na každé stránce místo výchozího. Název souboru faviconu může být cokoli. (Pokud nevíte, favicon je malá ikona 16×16 pixelů, která slouží k brandingování vašich webových stránek.

Použití vlastního tématu
קרוק 1: Stáhněte si nové téma.
קרוק 2: Rozbalte téma do ../public/themes/. Výsledkem bude cesta k application.css jako například ../public/themes/redminecrm/stylesheets/application.css.
קרוק 3: Přejděte do sekce Správa -> Nastavení az nabídky "Téma" (rozbalovací nabídka) vyberte téma, které jste právě vytvořili. Poté uložte svá nastavení.
V tomto bodě מאת měl být Redmine zobrazen s vaším upraveným tématem.
Pokud používáte Redmine < 1.1.0, לא ניתן להשתמש מחדש ביישום, aby se objevila v nabídce dostupných témat.

Struktura adresáře témat

Téma se skládá z těchto souborů:

• javascripts/theme.js (טוטו הוא רצוני): upravený JavaScript pro téma
• favicon / (toto je volitelné): favicon pro Redmine téma
• גיליונות סגנונות / application.css (באופן כללי): CSS (Cascading Style Sheets) עבור נושא

כדי להפגין אותך:
ציבורי /
  + - ערכות נושא /
       +- /
            |
            + - favicon /
            | +- (např. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css

Vytvoření Redmine tématu pomocí výchozího tématu

הורד את Redmine למשחק ב-CSS.

Předpokládejme, že chcete změnit všechno z modrého tématu na červené. צור קשר עם CSS.

1. sh# cd / cesta / k / redmine
2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
3. sh# vi public / themes / redtheme / stylesheets / application.css (kódování je uvedeno níže)
4. Přejděte na stránku s administrátorskými nastaveními a vyberte téma redtheme

/* načtení výchozího Redmine stylu */

@ ייבוא ​​url (../../../ סגנונות / יישום.css);

# התפריט העליון {רקע: RGB (128,0,0);}

#header {צבע רקע: RGB (192,0,0);}

# פרויקטים-אינדקס ul.projects div.root a.project {color: RGB (128,0,0); }

תוכן h1, h2, h3, h4 {צבע: RGB (128,0,0);}

#main {צבע: RGB (128,0,0); }

א, קישור: א, ביקרו {color: RGB (128,0,0); }

א: רחף, א: פעיל {צבע: RGB (128,0,0); }

איך זמינה לוגו?

1. קרוק:

Umístěte soubor s logem do @./ public / themes/ redminecrm / images@

דרוחי קרוק

Nahraďte soubor logo.png novým souborem s logem o velikosti 43x30

...

#header> h1 {

               רקע: url (../ images / logo.png) ללא חזרה 10px 20%;

               ריפוד: 5px 60px; /* Upravte toto, abyste nastavili vlastní logo */

}