Come creare un tema Redmine personalizzato.

Avrai un tema personalizzato perché questo è unico e il tuo design è esattamente ciò che desideri (questo vantaggio non è disponibile nella maggior parte dei casi impliciti). Hai la flessibilità di progettare un tema personalizzato in qualsiasi cosa ti piaccia. Se crei un tema personalizzato, potresti aver bisogno di più sforzi perché utilizzi qualcosa di implicito, i risultati meritano tutto. Continua a visitare le città per creare un tema Redmine personalizzato. Creare uno dei nostri temi Redmine Redmine offre il supporto fondamentale per i temi. Questo ti permetterà di aggiungere un paio di javascript personalizzati e di sostituire il foglio di stile (application.css). Per prima cosa non è necessario creare un nuovo regista in pubblico/temi. Il numero della directory verrà utilizzato come numero temei. Esempio: public/themes/my_theme. Quindi, crea application.css personalizzato e salvalo in una sottocartella contenente i fogli di stile: Public/themes/my_theme/stylesheets/application.css L'esempio di un foglio di stile personalizzato è sovrascritto da due set: /* inserisce il foglio di stile nel Redmine implicito * / @import url(../../../stylesheets/application.css); /* aggiungi un logo all'anteriore */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; imbottitura a sinistra: 86px; } /* cambia il menu del progetto in corso */ #main-menu { left: auto; a destra: 0px; } L'esempio menzionato presuppone che tu abbia un'immagine che appare in my_theme/images/logo.png. Puoi scaricare questo tema (esempio) come punto di porno per il tuo Redmine personalizzato. Estrai il tema nella directory public/themes. Aggiungere Javascript personalizzato È necessario includere Javascript nel dvs. in javascript/theme.js e questo verrà caricato automaticamente su ogni pagina. Imposta area favicon Inserisci la favicon nella cartella favicon e questa verrà caricata automaticamente nel punto implicito in ogni pagina. Numele fișierului favicon poate fi orice. (Nel caso in cui non ti trovi, una favicon è un'icona con un microfono di 16x16 pixel che serve lo scopo di branding sul tuo sito web. Il tuo scopo principale è quello di aiutare i visitatori a visualizzare maggiori informazioni sulla pagina dvs. quindi quando si trovano più file desiderati ). Applicazione temei personalizzare Pasqua 1: Scarica un tema nuovo. Passo 2: Dezarhivați tema în ../public/themes/. Il risultato è che c'è un direttore su application.css, come è ../public/themes/redminecrm/stylesheets/application.css. Passo 3: Accedi ad Amministrazione -> Imposta e nella lista "Temi" (lista derulantă), seleziona il tema che hai creato di recente. Dopo questa operazione, salva il set. In questo momento, Redmine deve essere scelto per utilizzare un tema personalizzato. Se utilizzi Redmine < 1.1.0, puoi visualizzare l'applicazione nell'elenco dei temi disponibili.

Structura de directoare a temelor

L'argomento è questo formato di questa scheda:

• javascripts/theme.js (opzionale): JavaScript personalizzato per il tema
• icona preferita / (opzionale): favicon per il tema Redmine
• stylesheets / application.css (necessario): CSS (Cascading Style Sheets) per il tema

Acest lucru este demonstrat mai jos:
pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (esempio, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Come creare un argomento Redmine utilizza un argomento implicito

Potresti creare, ad esempio, un tema Redmine che mostra i suoi colori nel file CSS con il tema implicito.

Ti dico che doriti vuoi cambiare tutto il tema dell'alba in una rosa. Potresti affrontare questo problema con CSS-ul de mai jos.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / theme / redtheme / stylesheets / application.css (codul este prezentat mai jos)
4. Accedi alle impostazioni di amministrazione e seleziona il tema rosso

/* carica lo stile implicito di Redmine */

@import url (../../../ stylesheets / 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); }

contenuto h1, h2, h3, h4 {color: RGB (128,0,0);}

#main {color: RGB (128,0,0); }

a, a: link, a: visitato {color: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

Come schimbati il ​​logo del tuo timore?

Il primo passo:

Inserisci la scheda del logo in @./public/themes/redminecrm/images@

Il secondo passo

Inserisci il file logo.png con il nuovo file logo di dimensione 43x30

...

#header> h1 {

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

               imbottitura: 5px 60px; /* Modifica questo articolo per impostare il proprio logo */

}