Hur man skapar ett anpassat Redmine-tema

Realizzare un tema interessante significa che è unico e il design è preciso come lo vorrai (questo tema non è stato realizzato con la maggior parte degli standard). Hai flessibilità nel designare un tema alternativo sul modo in cui vuoi. Anche se può essere più complicato creare un tema affrontato utilizzando un tema standard, il risultato sarà tutto ciò. Scopri di più per farti capire come creare un tema Redmine.

Sfrutta un nuovo tema Redmine

Redmine è un punto fondamentale per il tema. Questo tema può essere utilizzato per accedere a JavaScript e creare un'applicazione (application.css).
Il primo passo è creare una nuova mappa in public/themes. Il nome sulla mappa verrà utilizzato come nome sull'argomento. Fino all'esempio: public/themes/my_theme.
Poi crea un file application.css e sparalo in un undermapp con diversi fogli di stile:
Pubblico/themes/my_theme/stylesheets/application.css
Il seguente è un esempio di uno stile semplice che non richiede alcuna installazione:
/* aggiungere un supporto standard per Redmine */
@import url (../../../ stylesheets / application.css);
/* vai al logo nel sito */
#intestazione {
    sfondo: #507AAA url(../images/logo.png) nessuna ripetizione 2px;
    imbottitura-sinistra: 86px;
}
/* porta i progetti fino ad oggi */
#menu principale {
    sinistra: auto;
    a destra: 0px;
}
Un esempio di questo esempio ti suggerisce di avere un'immagine posizionata in my_theme/images/logo.png.
Potresti non avere questo tema (esempio) come punto di avvio per il tuo passaggio al tema Redmine. Extrahera temat i public/themes-mappen.

Utilizzo di Javascript superato

Includerai solo il tuo JavaScript in javascript/theme.js e il download verrà eseguito automaticamente su qualsiasi lato.

Installazione della favicon

Informazioni sulla tua favicon nella mappa delle favicon e poi i ladda verranno impostati automaticamente per le favicon standard su vari lati. Il nome del file favicon può essere molto utile. (Se non lo vedi, è una favicon di una piccola icona da 16x16 pixel che viene utilizzata per pubblicizzare il tuo sito web. Questa semplice attività ti aiuterà a raggiungere il tuo lato in attesa quando hai qualche immagine).

Tillämpning av det anpassade temat

• Fase 1:

La prima cosa è che il ladda ner abbia un nuovo tema.

• Passaggio 2:

Pacchetto upp temat in ../public/themes/. Il risultato di questo cranio sarà una ricerca su application.css come esempio

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

• Passaggio 3:

Vai a Amministrazione -> Installazione e seleziona il tema che hai selezionato dall'elenco "Tema" (rullgardinsmeny). Spara la tua installazione dopo questa.
Guardalo qui dai visti Redmine con il tuo tema approfondito.

Se utilizzi Redmine < 1.1.0, potrebbe essere necessario avviare un'applicazione per ottenere i visti nell'elenco dei temi disponibili.

Struttura per la mappatura dei temi

Un argomento trattato dal seguente file:

• javascripts/theme.js (valfritt): supporto JavaScript per il tema
• icona preferita / (valfritt): favicon per il tema Redmine
• stylesheets / application.css (utilizzato): CSS (Cascading Style Sheets) per temi

Questi visti sono necessari:
pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (es. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Ora puoi creare un tema Redmine che utilizza il tema standard

Puoi anche creare un tema Redmine per aggiungere file CSS al contenuto standard.

Assicurati di voler cambiare tutto da un argomento a un altro. Puoi farlo con il seguente CSS.

1. sh# cd /percorso/di/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (il codice non è valido)
4. Vai all'amministrazione e seleziona il tema rosso

/* ladda standard-Redmine-stilmallen */

@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); }

Vuoi modificare il logo del tema?

1:uno stadio:

Posiziona il file logo su @./public/themes/redminecrm/images@

2^a Tela

Modifica logo.png file con il nuovo logo file con dimensioni 43x30

...

#header> h1 {

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

               imbottitura: 5px 60px; /* Aggiungi questo per inserire il tuo logo */

}