Come ho fatto a superare il tema Redmine.

Il vantaggio di un tema attuale è che l'unicità è e la precisione dell'esposizione è tanto che appassisce (questo vantaggio non è disponibile tra i temi più standard). Ho bisogno di flessibilità per affrontare un tema passato in ogni modo normale da sviluppare. Hoewel het make van aangepast thema morer moeite kan cost in vergelijking met het gebruik van a standaardthema, zjn de resultaten absoluut de moeite waard. Leggi il verde per imparare come posso creare un tema Redmine passato.

Crea un nuovo tema Redmine

Redmine è un supporto fondamentale per i temi. Questo tema può essere incollato tramite javascript e sovrascritto la lama stijlbladen (application.css).
Il primo passo è creare una nuova mappa in public/themes. Il nome della mappa viene utilizzato come il nome del tema. Immagine scelta: public /themes / my_theme.
È possibile inserire un file application.css e incollarlo in una sottomappa generata da fogli di stile:
Pubblico / temi / my_theme / stylesheets / application.css
Di seguito viene riportato un esempio di uno stijlblad aangepast dat slechts een paar instellingen overschrijft:
/* carica la penna Redmine standard */
@import url (../../../ stylesheets / application.css);
/* visualizza un logo in punta nell'intestazione */
#intestazione {
    sfondo: # 507AAA url (../ images / logo.png) no-repeat 2px;
    imbottitura-sinistra: 86px;
}
/* visualizza il menu del progetto direttamente */
#menu principale {
    sinistra: auto;
    a destra: 0px;
}
La tua immagine preferita è stata quella di sapere che c'è un'immagine che vedi in my_theme / images / logo.png.
Posso scaricare questo tema (immagine iniziale) come punto di avvio per il mio tema Redmine incollato. Metti il ​​tema nella mappa pubblica/temi.

Toepassen van aangepaste Javascript

Voeg gewoon je javascript toe in javascript /theme.js e la parola verrà inserita automaticamente su quella pagina.

Stelle di Favicon

La tua favicon si trova nella mappa delle favicon e la parola viene inserita automaticamente nei piatti della favicon standard su quella pagina. Il nome della favicon bestand può essere tutto. (In generale, non è così, c'è una favicon, una piccola icona da 16x16 pixel, che serve per il branding del tuo sito web. Il compito principale è quello di aiutare i bezoeker a rendere la pagina più bella quando si aprono più schede).

Toepassen van het aangepaste thema

• Passaggio 1:

Il primo passo è scaricare un nuovo tema.

• Passo 2:

Raccogli il tema in ../public/themes/. Il risultato è stato un map-pad su application.css qui, zoals

../public/themes/redminecrm/stylesheets/application.css

• Passo 3:

Ga naar Beheer -> Instellingen en selecteer het thema dat je zojuist hebt gemaakt uit de "Thema"-lijst (keuzelijst). Sla vervolgens je instellellingen op.
Su questo punto su Redmine non puoi più inserirlo con il tema incollato.

Se utilizzo Redmine < 1.1.0, è possibile che il passaggio all'opzione venga avviato da queste diverse versioni dei temi disponibili.

Struttura della directory del tema

Un tema migliore da questi bestanden:

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

Dit wordt hieronder gedemonstreerd:
pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (bijv.favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Un tema Redmine è stato creato per utilizzare il tema standard

Posso anche creare un tema Redmine per i colori nel modello CSS del tema standard da applicare.

Stel dat je alls van een blauw thema naar een rood thema wilt veranderen. Questo può essere fatto con i CSS conosciuti.

1. sh# cd/pad/naar/redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / temi / redtheme / fogli di stile / application.css (codificazione wordt hieronder weergegeven)
4. Vai all'installazione delle icone e seleziona il tema rosso successivo

/* caricamento del foglio di stile Redmine standard */

@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 è vero il logo del tema?

2^e passo

Rimuovere il bestand logo.png dal nuovo logo bestand con una dimensione di 43x30

...

#header> h1 {

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

               imbottitura: 5px 60px; /* Non lo hai fatto per usare il tuo logo nelle stelle */

}