בהצטרפות יצירת Redmine אישית.

אבנטג'ול אוני טמă personalizată este că aceasta este unică, Iar designul său este exact cum doriți (acest beneficiu nu este disponibil în majoritatea temelor implicite). הגמישות של הפרוייקטה או ההתאמה האישית של הורים. Deși crearea unei teme personalisate poate necesita mai mult efort decât utilizarea uneia implicite, rezultatele merită cu total. המשך ביצוע הזמנה אישית של Redmine. Crearea Unei Noi Teme Redmine Redmine מציע תמיכה בסיסית עבור תכניות. Aceste teme pot adăuga câteva javascript התאמה אישית ו-pot suprascrie foile de stil (application.css). Primul pas este de a crea un director nou în public/themes. ניהול נומלה ו-fi utilizat ca numele temei. דוגמה: public/themes/my_theme. Apoi, creați application.css personalizat și salvați-l într-un תיקיית משנה numit stylesheets: Public/themes/my_theme/stylesheets/application.css Următorul exemplu este un stylesheet personalizat care suprascrie doar câteva* stylesheet: /câteva* stylesheet înc / @import url(../../../stylesheets/application.css); /* adaugă un logo în antet */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* mută meniul proiectului spre dreapta */ #main-menu { left: auto; מימין: 0px; } דוגמה מוכנה מראש לאפשר לך לדמיין טיפול ב-my_theme/images/logo.png. Puteți descărca această temă (דוגמה) ca punct de pornire pentru propria temă Redmine personalizată. תוספת נושאים במנהלים ציבוריים/נושאים. Adăugarea התאמה אישית של Javascript Trebuie doar să כולל Javascript-ul dvs. ב-javascript/theme.js ו-Acesta va fi încărcat automat pe fiecare pagină. Setarea Favicon Introduceți favicon-ul în folderul favicon și acesta va fi încărcat אוטומטי în locul celui implicit pe fiecare pagină. Numele fișierului favicon poate fi orice. (În cazul în care nu știți, un favicon este un mic icon de 16x16 pixeli care servește scopului de branding al site-ului dvs. Scopul său המנהל este de a ajuta vizitatorii să găsească קובץ ב-maischior page u. ). אפליקציית נושאים להתאים אישית פסול 1: Descărcați o temă nouă. פסול 2: Dezarhivați tema în ../public/themes/. Rezultatul acestui lucru ar fi un director către application.css, Cum ar fi ../public/themes/redminecrm/stylesheets/application.css. פסל 3: הרשאות ניהול -> הגדר את הרשימה "Temă" (רשימה), בחר נושאים לטיפול אחרונים. După aceasta, salvați setările. ברגע הראשון, Redmine ar trebui să fie afișat folosind tema personalizată. אם תשתמש ב-Redmine < 1.1.0, אפשר למצוא את האפליקציות לדיווח על השטח ברשימה זמינה.

Structura de directoare a temelor

הפורמט הרצוי שלך:

• javascripts/theme.js (אופציונלי): JavaScript מותאם אישית עבור הנושא
• favicon / (אופציונלי): favicon pentru tema Redmine
• גיליונות סגנונות / application.css (הכרחי): CSS (Cascading Style Sheets) עבור הנושא

Acest lucru este demonstrat mai jos:
ציבורי /
  + - ערכות נושא /
       +- /
            |
            + - favicon /
            | +- (de exemplu, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css

Cum să creați o temă Redmine folosind tema implicită

Puteți crea, de asemenea, o temă Redmine schimbând culorile în fișierul CSS al temei implicit.

Să spunem că doriți să schimbați total de la o temă albastră la una roșie. Puteți face acest lucru cu CSS-ul de mai jos.

1. sh # cd / path / to / redmine
2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
3. sh# vi public / themes / redtheme / stylesheets / application.css
4. הרשאת גישה לניהול ובחירה ב-redtheme

/* încărcați foaia de stil implicită 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); }

האם יש לך לוגו?

צעד ראשון:

Puneți fișierul de logo în @./ public / themes/ redminecrm / images@

אל דוילה פאס

Înlocuiți fișierul logo.png cu noul fișier de logo cu dimensiunea de 43x30

...

#header> h1 {

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

               ריפוד: 5px 60px; /* השינויים שהותירו את הלוגו המתאימים לוגו */

}