Как да създадете персонализирана тема за Redmine

Предимството на персонализирана тема е, че тя е уникална, а дизайнът й е точно такъв, какъвто какъвто изате повечето теми по подразбиране). Имате гъвкавостта да проектирате персонализирана тема по всякакъв начин, който желаете. אני יכול להסתכל על הפרסומת במדינה. зултатите са напълно стойностни. צור קשר עם רדמין.

Създаване на нова тема на Redmine

Redmine осигурява основна поддръжка на теми. זה יכול להופיע באופן קבוע ב-javascript ועיצוב סגנון (application.css).
דף זה יכול להתאים לדירוג חדש בפומבי/ערכות נושא. Името на директорията ще се използва като име на темата. לדוגמא: public /themes / my_theme.
הצג את הפרסונל של application.css וגיליונות הסגנונות החדשים:
ציבורי / נושאים / my_theme / גיליונות סגנונות / application.css
גיליון סגנונות של דף סגנונות, דף סגנונות חדש:
/* зарежда стандартния גיליון הסגנונות Redmine */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* добавя лого в хедъра */
#header {
    רקע: # 507AAA url (../ images / logo.png) ללא חזרה 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* премества менюто на проекта надясно */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
דף זה יכול להופיע ב-my_theme / images / logo.png.
Можете да изтеглите тази тема (пример) като начална точка за вашата персонализирана тема ב-Redmine. Извлечете темата в директорията ציבורי/ערכות נושא.

Добавяне на персонализиран Javascript

Просто включете вашия javascript ב-javascript /theme.js וזו תהיה זמינה אופטימלית.

Задаване на Favicon

Вмъкнете вашия favicon в папката favicon, и той ще се зареди автоматично вместо стандартния всяка страния. Името на favicon файла може да бъде каквото и да е. (Ако не знаете, favicon е малка икона с размер 16×16 пиксела, която служи за маркиране на уегсайта вна Осне. посетителите да намерят страницата ви по-лесно, когато имат отворени няколко табове).

Прилагане на персонализираната тема

• שלב 1:

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

• שלב 2:

Разархивирайте темата в ../public/themes/. תוצאות חיפוש נוספות באמצעות application.css, כתוביות

../public/themes/redminecrm/styleheets/application.css

• שלב 3:

Отидете в Администрация -> Настройки и от списъка "Тема" (באמצעות שיטות) изберете темата, която стеднсъ. След това запазете настройките си.
В този момент Redmine трябва да се показва с вашата персонализирана тема.

אם Redmine < 1.1.0, לא יכול להיות זמין עבור שרתים, עבור מספר רב של אפשרויות.

Структура на директорията на темите

Темата включва тези файлове:

• javascripts/theme.js (אופציונלי): персонализиран JavaScript за темата
• favicon / (това е опционално): favicon за темата על Redmine
• גיליונות סגנונות / application.css (נוסף): CSS (Cascading Style Sheets) עבור נושא

Това е демонстрирано по-долу:
ציבורי /
  + - ערכות נושא /
       +- <име на тема>/
            |
            + - favicon /
            | +- (например favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css

Създаване на тема ב-Redmine, като се използва темата по подразбиране

הוסיפו את התוכנה ב-Redmine.

Кажете, че искате да промените всичко от синя тема на червена. Можете да го направите с CSS-а по-долу.

1. sh # cd / path / to / redmine
2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодирането е показано по-долу)
4. Отидете на административните настройки и изберете redtheme

/* зарежда стилния лист на Redmine по подразбиране */

@ ייבוא ​​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^להתלבש стъпка:

Поставете файл с логото в @./ public / themes / redminecrm / images@

2^ri Стъпка

Заменете файлът logo.png с новия файл על логото размер 43x30

...

#header> h1 {

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

               ריפוד: 5px 60px; /* Променете това, за да зададете своето лого */

}