Come creare un tema personalizzato per Redmine

L'impostazione personalizzata del tema è che, se è unico, la visualizzazione è tutta qui, quale immagine (questa posizione non è налична вовечето теми по подразбиране). Ti invitiamo a progettare un tema personalizzato per ogni macchina che stai cercando. Le ragioni per cui creare un tema personalizzato possono essere una buona utilità nella gestione dell'utilizzo del tema Dopo aver risolto il problema, il risultato è il sito principale. Cerca di sapere come creare un tema personalizzato su Redmine.

Crea un nuovo tema su Redmine

Redmine è un'ottima soluzione per i temi. Questi temi possono creare qualche javascript personalizzato e modificare lo stile (application.css).
La scheda successiva dovrà creare una nuova directory in public/themes. L'angolo della direzione viene utilizzato come argomento sul tema. Esempio: public /themes / my_theme.
Quindi crea application.css personalizzato e inserisci nel pacchetto i seguenti fogli di stile:
Pubblico / temi / my_theme / stylesheets / application.css
L'esempio seguente è un foglio di stile personalizzato, che ha queste poche impostazioni:
/* imposta lo standard del foglio di stile Redmine */
@import url (../../../ stylesheets / application.css);
/* aggiunge il logo all'utente */
#intestazione {
    sfondo: # 507AAA url (../ images / logo.png) no-repeat 2px;
    imbottitura-sinistra: 86px;
}
/* modifica il menu del progetto adesso */
#menu principale {
    sinistra: auto;
    a destra: 0px;
}
Seguendo un esempio di questa procedura utilizzata, vedi l'immagine che trovi in ​​my_theme / images / logo.png.
Puoi impostare questo tema (esempio) come tocco personale per il tuo tema personalizzato su Redmine. Seleziona il tema nella directory public/themes.

Aggiungere Javascript personalizzato

Puoi semplicemente inserire il tuo javascript in javascript /theme.js e sarà automatico in tutta la pagina.

Scarica la Favicon

Seleziona la tua favicon nella favicon del pacchetto e sarà automaticamente standardizzata in ogni pagina. L'area del file favicon può essere un bel cavolo e lo è. (Se non lo sai, la favicon è una piccola icona con dimensioni 16×16 pixel, che puoi usare per contrassegnare il tuo sito. omоgне на посетителите на мерят страницата ви по-лесно, когато имат отворени няколко табове).

Applicazione di un tema personalizzato

• Passo 1:

La procedura guidata è quella di seguire un nuovo tema.

• Fase 2:

Raccogli il tema in ../public/themes/. Il risultato di questo è quello che devi fare per application.css, come esempio

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

• Fase 3:

Andare in Amministrazione -> Impostazioni e dalla voce "Tema" (menu a tendina) selezionare il tema che non è presente. Quindi, chiudere l'impostazione.
In questo momento Redmine deve essere disponibile con il tuo tema personalizzato.

Se utilizzi Redmine < 1.1.0, potrebbe essere difficile riavviare l'applicazione per poterlo trovare nella descrizione del tema in questione e.

Struttura della direzione del tema

L'argomento include questo file:

• javascripts/theme.js (questo è opzionale): JavaScript personalizzato per il tema
• icona preferita / (questo è opzionale): favicon sul tema su Redmine
• stylesheets / application.css (questo è nuovo): CSS (Cascading Style Sheets) a tema

Questo è il seguente esempio dimostrativo:
pubblico/
  + - temi /
       +- <име на тема>/
            |
            + - favicon /
            | +- (esempio favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Creazione di un tema su Redmine come utilizzare il tema per la modifica

Puoi farlo per creare un tema su Redmine per pubblicare i colori nel file CSS del tema da modificare.

Allora, chiedi di consigliare qualsiasi cosa dal tuo tema di cera. Puoi usare il metodo CSS.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / theme / redtheme / stylesheets / application.css (il codice è disponibile in seguito)
4. Apri le impostazioni di amministrazione e cancella redtheme

/* caricare l'elenco degli stili su Redmine per l'aggiornamento */

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

1^VI passo:

Pubblica il file sul logo in @./public/themes/redminecrm/images@

2^nd Passo

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

...

#header> h1 {

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

               imbottitura: 5px 60px; /* Promuovi questo per aggiungere il tuo logo */

}