איך הוא מותאם Redmine-thema.

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

Creëren van een nieuw Redmine-thema

Redmine מציע תמיכה בסיסית עבור נושאים. נושאים אלה יכולים להוסיף Javascripts מותאמים אישית ל-Stylbladen (application.css) overschrijven.
השלב הראשון הוא יצירת מפה חדשה בפומבי/נושאים. De naam van de map הוא בשימוש als de naam van het thema. דוגמה: ציבורי / נושאים / נושא_שלי.
עשה לאחר מכן את application.css מותאם לקובץ זה במפת משנה בשם גיליונות סגנונות:
ציבורי / נושאים / my_theme / גיליונות סגנונות / application.css
להלן דוגמה של סגנון מותאם אישית עם מספר הגדרות מותאם:
/* עבור הסטנדרטי Redmine-stijlblad */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* voeg een logo toe בכותרת */
#header {
    רקע: # 507AAA url (../ images / logo.png) ללא חזרה 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* verplaats het projectmenu naar rechts */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
הדוגמה הקודמת הקודמת היא שראיתי את התמונה שאתה נמצא ב-my_theme / images / logo.png.
אתה יכול להוריד את הנושאים (בדוגמה) כ-startpunt עבור Redmine-thema מותאמים אישית. Pak het thema out in the public/themes map.

Toepassen van Javascript מותאם

הוסף את ה-Javascript Toe ב-Javascript /theme.js, הוא מותקן אוטומטית בכל עמוד.

Instellen van Favicon

הוסף את ה-favicon toe במפת ה-favicon, הוא הופך אוטומטית ל-Favicon של ה-favicon על כל עמוד. השם של קובץ ה-favicon יכול להיות הכל. (במקרה זה לא יודע, האם סמל אחד קטן בגודל 16x16 פיקסלים מתאים למיתוג של אתר אינטרנט. המטרה העיקרית היא למבקרים לעזור לך למצוא דף קל יותר כאשר יש מספר טבליות פתוחות).

Toepassen van het מותאם נושא

• שלב 1:

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

• שלב 2:

Pak het thema uit in ../public/themes/. תוצאת ה-map-pad עבור application.css, למשל

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

• שלב 3:

Ga naar Beheer -> הגדרות ובחר את הנושא שיצרת אותם מתוך ה-Thema-lijst (קיוזליסט). לאחר מכן יש הגדרות.
על הנקודה הזו Redmine צריך להיות מוצג עם נושאים מותאמים.

אם אתה משתמש ב-Redmine < 1.1.0, אתה צריך להתחיל את היישום מחדש כך שתופיע ב-Themalijst הזמין.

המדריך של Structuur van het thema

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

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

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

ניתן להשתמש ב-Redmine-thema

אתה יכול גם ליצור Redmine-thema דלת צבע בקובץ CSS של ה-Standardthema כדי לשנות.

Stel dat je alles van een blauw thema naar een rood thema will change. זה רק צריך לעשות עם ה-CSS התחתונה.

1. sh# cd / pad / naar / 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); }

איך לשנות את הלוגו של הנושא?

2^e Stap

Vervang het bestand logo.png דלת לוגו חדש בגודל של 43x30

...

#header> h1 {

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

               ריפוד: 5px 60px; /* Pas dit aan om your eigen logo in te stellen */

}