בוא ליצור נושא אישי עבור Redmine.

Il vantaggio di un tema personalizzato è che è unico e il suo design è esattamente come lo desideri (questo beneficio non è disponibile con la maggior parte dei temi predefiniti). Hai la flessibilità di progettare un tema personalizzato in qualsiasi modo desideri. Anche se la creazione di un tema personalizzato potrebbe richiedere più sforzo rispetto all'utilizzo di uno predefinito, i risultati ne valgono totalmente la pena. המשך להגדיר את העיצוב האישי של Redmine.

Creazione di un nuovo Tema Redmine

Redmine fornisce un supporto fondamentale per i temi. Questi temi possono aggiungere alcuni javascript personalizzati e sostituire i fogli di stile (application.css).
Il primo passo è creare una nuova מדריך בפומבי/ערכות נושא. ספריית הכתובת יכולה להיות שימושית. Ad esempio: public/themes/my_theme.
Successivamente, crea un application.css personalizzato e salvalo בגיליונות סגנונות של una sottocartella chiamata:
Public/themes/my_theme/stylesheets/application.css
Ecco un esempio di foglio di stile personalizzato che sostituisce solo un paio di impostazioni:
/* carica il foglio di stile Redmine predefinito */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* aggiungi un logo nell'intestazione */
#header {
    רקע: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* sposta il menu del progetto a destra */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'immagine che si trova ב-my_theme/images/logo.png.
Puoi scaricare questo tema (esempio) come pointo di partenza per il tuo tema Redmine personalizzato. Estrai il tema nella directory public/themes.

התאמה אישית של Javascript

Basta includere il tuo javascript ב-javascript/theme.js e verrà caricato automaticamente su ogni page.

Impostazione del Favicon

Inserisci il tuo favicon nella cartella favicon e verrà caricato automaticamente anziché quello predefinito su ogni page. Il nome del file favicon può essere qualsiasi cosa. (Nel caso in cui non lo sapessi, un favicon è una piccola icona di 16x16 pixel che serve allo scopo del branding del tuo sito web. Schede).

יישום נושא אישי

• שלב 1:

Il primo passo è scaricare un nuovo tema.

• שלב 2:

Decomprimi il tema ב ../public/themes/. Il risultato di questo sarebbe un percorso alla directory di application.css come ad esempio

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

• שלב 3:

Vai su Amministrazione -> Impostazioni e dalla list "Tema" (תפריט א טנדינה), seleziona il tema che hai appena creato. Dopo di che, salva le tue impostazioni.
אם תרצה, Redmine dovrebbe essere mostrato utilizzando il tuo tema personalizzato.

ראה שימוש ב-Redmine < 1.1.0.

Struttura della directory dei temi

Un theme è composto da questi קובץ:

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

Ciò è dimostrato di seguito:
ציבורי /
  + - ערכות נושא /
       +- /
            |
            + - favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css

בוא ליצור את הנושא Redmine לנצל את הנושא מראש

Puoi anche creare un theme Redmine modificando and colori nel file CSS with theme predefinito.

Supponiamo che tu voglia cambiare tutto da un tema blu a uno rosso. Puoi farlo con il CSS qui sotto.

1. sh# cd / percorso / a / redmine
2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
3. sh# vi public / themes / redtheme / stylesheets / application.css (il codice è mostrato di seguito)
4. Vai alle impostazioni dell'amministratore e seleziona redtheme

/* carica il foglio di stile predefinito di 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° מעבר:

Metti il ​​file del logo ב-@./ public / themes/ redminecrm / images@

2^o שלב

Sostituire il file logo.png con il nuovo לוגו קובץ בגודל 43x30

...

#header> h1 {

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

               ריפוד: 5px 60px; /* שינוי questo per impostare il proprio logo */

}