Hur man יוצר את התאמת Redmine-tema

חלק מהנושא המותאם אישית הוא זה שהוא ייחודי ועיצובו הוא בדיוק כמו שאתה רוצה שהן (דנה יתרונות יש לא עם רוב הסטנדרטים). Du har גמישות שאתה מעצב את הנושא המותאם על שיטתך. גם אם זה יכול לדרוש ממך יצירת התאמה אישית של נושאים בהשוואה למשתמשים בסטנדרטים, זו התוצאה המוחלטת. ראה מידע נוסף כדי ללמוד כיצד ליצור את התאמת Redmine-tema.

יצירת נושא Redmine

Redmine ger basic stöd för teman. תוכן זה יכול להוסיף עד כמה מותאמות של JavaScript ו-sidosätta stilmallar (application.css).
הקודמת היא ליצור מפה חדשה בציבור/נושאים. Namnet på mapen בא להשתמש ב-namet på temat. לדוגמא: public/themes/my_theme.
סדאן יוצר את אפליקציית.css מותאמת אישית ומאפשרת לך למצוא גיליונות סגנונות שונים:
Public/themes/my_theme/stylesheets/application.css
בצע את הדוגמאות המותאמות לכמה הגדרות:
/* ladda standardstilmallen för Redmine */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* lägg till en logotyp i sidhuvudet */
#header {
    רקע: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* הוסף תפריט פרויקטים עד גבוה */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
Ovanstående דוגמה ל-utsätter att du har en bild אשר מוצב ב-my_theme/images/logo.png.
אתה יכול לטעון את הנושא הזה (דוגמה) כדי להתחיל בהתאמה אישית של Redmine-tema. Extrahera temat i public/themes-mappen.

תוספת של JavaScript מותאם

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

Inställning av favicon

מידע על ה-favicon ב-favicon-mappen, וזה יגיע לטעינה אוטומטית במקום ל-standardfaviconen על כל צד. שם Favicon-filens kan vara vad som helst. (Om du det är en favourite en liten 16x16 pixlars icon som משמש עבור אינטראקציה וטרינר באתר האינטרנט. המטרה היא לעזור למבקר למצוא את דף העזרה של המספר).

Tillämpning av זה מותאם נושא

• שלב 1:

Första steget är att ladda ner ett nytt נושא.

• שלב 2:

Packa Upp temat i ../public/themes/. תוצאות של זה היו אמורות להיות בחיפוש עד application.css לדוגמא

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

• שלב 3:

Gå till Administration -> Inställningar ובחרו נושאים מהרשימה "Tema" (rullgardinsmeny). Spara dina הגדרות לאחר זה.
Vid det här laget bör Redmine Visas עם התאמה אישית של הנושא.

אם אתה משתמש ב-Redmine < 1.1.0, זה צריך להיות צריך להתחיל ביישום עבור ה-Ska Visas ברשימה על זמינות.

מבנה עבור temamappar

הנושא כולל את הקובץ הבא:

• javascripts/theme.js (valfritt): JavaScript מותאם לעיצוב
• favicon / (valfritt): favicon för Redmine-temat
• גיליונות סגנונות / application.css (נושאים): CSS (Cascading Style Sheets) עבור נושאים

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

איך האדם יוצר את הגנום של Redmine-tema כדי להשתמש בסטנדרטים

אתה יכול גם ליצור את הגנום של Redmine-tema כדי לשנות את הצבעים ב-CSS-filen עבור סטנדרטים.

Säg att du vill לשנות allt från ett blått tema till ett rött. זה יכול לעשות עם ה-CSS הבא.

1. sh# cd /path/to/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (ויזות קוד להלן)
4. בוא להגדרות אדמין ובחר סדאן redtheme

/* ladda standard-Redmine-stilmallen */

@ ייבוא ​​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:a steg:

Placera logofilen i @./public/themes/redminecrm/images@

2^a סטג

Ersätt logo.png קובץ עם קובץ סמל חדש בגודל 43x30

...

#header> h1 {

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

               ריפוד: 5px 60px; /* Ändra detta för att ställa in din egen logotyp */

}