כך מפעילים את Redmine-tema

Fordele ved et Userdefineret Tema er, at det er unikt, and at dets design הוא מדויק כמו שאתה רוצה את זה (היתרונות אינם זמינים לרוב הסטנדרטים). Du har Flexen til at designe et userdefineret tema på den way, you want it. למרות שזה יכול לדרוש רק פעולות ביצירת והגדרת נושאים ושינויים בשימוש ב-et standardtema, יש תוצאות טובות יותר. קרא עוד כדי ללמוד, איך אתה מפעיל ומשתמש מוגדר Redmine-tema.

אופריטציה af et nyt Redmine-tema

Redmine נותן תמיכה בסיסית ל-Temaer. אלה נושאים יכולים להוסיף כמה משתמש מוגדר JavaScript ו-overskrive stilarter (application.css).
השלב הראשון הוא יצירת מפה בציבור/נושאים. Navnet på mapn vil blive brugt som navnet på temaet. לדוגמה: public/themes/my_theme.
פתח את הגדרת המשתמש application.css וגיליונות סגנונות תחת מפה:
Public/themes/my_theme/stylesheets/application.css
עקוב אחר דוגמה על גיליון סגנונות מגדיר משתמש, יש רק כתובות ופר הגדרות:
/* גיליון סגנונות Redmine סטנדרטי */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* tilføj et logo i headeren */
#header {
    background: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* flyt projektmenuen לימין */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
זה נרשמו לדוגמא, ב-du har et billede, שם הוא ממוקם ב-my_theme/images/logo.png.
אתה יכול להוריד את הנושא הזה (דוגמה) כבסיס להגדרת Redmine-tema. אודפק נושאים ב-Public/Themes-mappen.

הוספת JavaScript להגדרת משתמש

כלול את JavaScript ב-javascript/theme.js, וזה לא יכול להיראות אוטומטית בכל צד.

Indstilling af favicon

הכנס את זה ל-favicon i favicon-mappen, וזה לא יהיה אינדסט אוטומטי במקום עבור סטנדרטיקון בכל צד. Favicon-filens navn kan være hvad som helst. (Hvis du ikke ved det, er et favicon et lille 16x16 pixel-ikon, der tjener formålet with this websites branding. Dets primære purpose is at help users with at find your side letter, when de har flere faner open).

Anvendelse af det Userdefinerede Tema

• טרין 1:

השלב הראשון הוא בהורדה ובנושא חדש.

• טרין 2:

Udpak temaet i ../public/themes/. התוצאות של זה ville være en sti til application.css som f.eks.

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

• טרין 3:

גש לניהול -> הגדרות ובחר נושאים, אתה פשוט יש לפתוח, מהאזנה "Tema" (rulleliste). Gem derefter dine הגדרות.
בנקודת הזמן הזו, Redmine יוצג עם נושא זה מותאם.

אם אתה משתמש Redmine < 1.1.0, אתה יכול להתחיל את התוכנית אולי, אז זה נראה לי להאזין על נושאים זמינים.

Struktur for temaets map

והנושא מורכב מהקובץ הזה:

• javascripts/theme.js (זה בחירה): התאימו את JavaScript לטעמי
• favicon / (dette er valgfrit): favicon til Redmine-temaet
• גיליונות סגנונות / application.css (זה צריך): CSS (Cascading Style Sheets) til temaet

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

כיצד ליצור את Redmine-tema באמצעות עזרה של standardtemaet

אתה יכול גם ליצור את Redmine-tema עם שינויים ב-CSS-filen עבור 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

/* גיליון סגנונות 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); }

כיצד לשנותs temaets logo?

שלב 1:

Placer logo-filen i @./public/themes/redminecrm/images@

2^nd טרין

Udskift logo.png קובץ עם לוגו חדש חדש בגודל 43x30

...

#header> h1 {

               background: url(../images/logo.png) no-repeat 10px 20%;

               ריפוד: 5px 60px; /* Ændre dette for at sætte dit eget logo */

}