Přijďte si vytvořit téma personalizace na Redmine.
Redmine se používá s rychlým způsobem správy a snadnou aplikací podle tématu a podle všech preferenci. Alcuni dei temi predefiniti k dispozici jsou minimalisté, další sono più vibrující, e se nessuna di queste opzioni ti piace, puoi creare Toto je osobní téma 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). Přizpůsobte si progettare a personalizujte téma v kvalifikovaném modu. Anche se la creazione di un tema personalizzato potrebbe richiedere più sforzo rispetto all'utilizzo di uno fordefinito, and risultati ne valgono totalmente la pena. Pokračujte v leggere za opakování, které jste vytvořili pro téma Redmine personalizzato.
Vytvoření nového tématu Redmine
Redmine fornisce un supporto fundamentale on i the temi. Questi temi possono aggiungere alcuni javascript personalizzati a sostituire a fogli di stile (application.css).
Il primo passo è creare una nuova director in public/themes. Il nome della directory verrà utilizzato come nome del tema. Ad esempio: public/themes/my_theme.
Pokračování, vytvoření aplikace.css personalizzato a salvalo ve stylech 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 */
@import url (../../../ styly / application.css);
/* logo nell'intestazione */
#záhlaví {
pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
padding-left: 86px;
}
/* zapište nabídku z progetto a destra */
#hlavní menu {
vlevo: auto;
doprava: 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'immagine che si trova v my_theme/images/logo.png.
Puoi scaricare questo tema (esempio) přichází na místo pro toto téma Redmine personalizzato. Prohlédněte si téma nella adresáře public/themes.
Přizpůsobení Javascriptu
Zahrnout tento javascript do javascriptu/theme.js a automaticky zkopírovat tuto stránku na jiné stránce.
Impostazione del Favicon
Inserisci il tuo favicon nella cartella favicon e verrà caricato automaticamente anziché quello predefinito su ogni pagina. 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. Il suo obiettivo principale è quello di aiutare i visitatori a trovare la tua pageina piùndo facilment rozmanité rozvrh).
Aplikace pro personalizaci tématu
- Krok 1:
První krok je nový téma.
- Krok 2:
Dekomprimujte téma v ../public/themes/. Il risultato di questo sarebbe un percorso alla director of application.css come ad esempio
../public/themes/redminecrm/stylesheets/application.css
- Krok 3:
Vai su Amministrazione -> Impostazioni e dalla lista "Tema" (menu a tendina), vyberte téma, které je vytvořeno appena. Dopo di che, salva le tue impostazioni.
A questo punto, Redmine dovrebbe essere mostrato utilizzando il tuo personalizzato.
Se stai utilizzando Redmine < 1.1.0, potresti dover riavviare l'applicazione affinché appaia nella lista dei temi disponibili.
Struttura della adresář dei temi
Téma a složení souboru dotazu:
- javascripts/theme.js (opzionale): Personalizace JavaScriptu podle tématu
- favicon / (opzionale): favicon na téma Redmine
- šablony stylů / application.css (nezbytné): CSS (kaskádové styly) na téma
Ciò è dimostrato di seguito:
veřejnost/
+ - témata /
+- /
|
+ - favicon /
| +- (ad esempio favicon.ico, favicon.png)
|
+ - javascripty /
| + - theme.js
|
+ - styly /
+ - application.css
Pojďte vytvořit téma Redmine, které je předdefinované
Vytvořte si téma Redmine modifikované a barevný soubor CSS podle předdefinovaného tématu.
Supponiamo che tu voglia cambiare tutto da un tema blu a uno rosso. Puoi farlo con il CSS qui sotto.
- sh# cd / percorso / a / redmine
- sh # mkdir -p public / themes / redtheme / stylesheets
- sh# vi public / themes / redtheme / stylesheets / application.css (il codice è mostrato di seguito)
- Vai alle impostazioni dell'amministratore a seleziona redtheme
/* carica il foglio di stile predefinito di Redmine */
@import url (../../../ styly / application.css);
# top-menu {background: RGB (128,0,0);}
#header {background-color: RGB (192,0,0);}
# projects-index ul.projects div.root a.project {color: RGB (128,0,0); }
obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}
#main {color: RGB (128,0,0); }
a, a: link, a: navštíveno {color: RGB (128,0,0); }
a: hover, a: active {color: RGB (128,0,0); }
Pojď cambiare il logo del tema?
1° průchod:
Zobrazit soubor loga v @./ public / themes/ redminecrm / images@
2o Krok
Sostituire il file logo.png s novým souborem logo o rozměrech 43x30
...
#header> h1 {
pozadí: url (../ images / logo.png) neopakovat 10px 20%;
odsazení: 5px 60px; /* Modifikace loga na základě impostare il proprio */
}
L'aggiornamento definitivo di Redmine? Snadno.
Ottieni tutti gli instrumenti potenci on a pianificazione, gestione and controllo del progetto perfetti in un unico software.