Πώς να δημιουργήσετε ένα προσαρμοσμένο θέμα Redmine

Το πλεονέκτημα ενός προσαρμοσμένου θέματος είναι τό το πλεονέκτημα δεν είναι διαθέσιμο με τα περισσότερα προεπιλεγμένα θέματα). Έχετε την ευελιξία να σχεδιάσετε ένα προσαρμοσμένο τε. Αν και η δημιουργία ενός προσαρμοσμένου θέματος μείίτομείρ További információ λέσματα αξίζουν πλήρως. Διαβάστε παρακάτω για να μάθετε πώς να δημιουργήσετργήσετε σμένο θέμα Redmine.

Δημιουργία ενός νέου θέματος Redmine

Το Redmine παρέχει βασική υποστήριξη για θέματα. A α αντικαταστήσουν τα stíluslapok (application.css).
Το πρώτο βήμα είναι να δημιουργήσετε ένα νέο φάκελο public/themes. Το όνομα του φακέλου θα χρησιμοποιηθεί ως όνομα τοου. Για παράδειγμα: public/themes/my_theme.
Στη συνέχεια, δημιουργήστε ένα προσαρμοσμένο application.css κακνο ο σε έναν υποφάκελο που ονομάζεται stíluslapok:
Public/themes/my_theme/stylesheets/application.css
Το παρακάτω είναι ένα παράδειγμα προσαρμοσμένοϱ stíluslap ά μερικές ρυθμίσεις:
/* φορτώνει το προεπιλεγμένο stíluslap του Redmine */
@import url (../../../ stíluslapok / application.css);
/* προσθέτει ένα λογότυπο στην κεφαλίδα */
#fejléc {
    háttér: #507AAA url(../images/logo.png) no-repeat 2px;
    párnázat-bal: 86 képpont;
}
/* μετακινεί το μενού του έργου προς τα δεξιά */
#főmenü {
    balra: automatikus;
    jobbra: 0px;
}
Το παραπάνω παράδειγμα υποθέτει ότι έχετε μια εικόβν ι στο my_theme/images/logo.png.
Μπορείτε να κατεβάσετε αυτό το θέμα (δείγμα) ως αφείίη ό σας προσαρμοσμένο θέμα Redmine. Αποσυμπιέστε το θέμα στον φάκελο nyilvános/témák.

Javascript szerkesztése

Απλά περιλάβετε το javascript σας στο javascript/theme.js και θα φορτωθεί ααατττα σελίδα.

Ορισμός Favicon

Εισαγάγετε το favicon σας στον φάκελο favicon και θα φορτωθεί ααυωθεί υ προεπιλεγμένου σε κάθε σελίδα. Το όνομα του αρχείου favicon μπορεί να είναι οποιοδήποτε. (Σε περίπτωση που δεν το γνωρίζετε, ένα favicon είναι ένκ μΌι ένα μου 16 × 16 pixel που χρησιμεύει για το márkanév ίναι να βοηθήσει τους επισκέπτες να εντοπίσουν ευκο α σας όταν έχουν ανοιχτές πολλές καρτέλες).

Εφαρμογή του προσαρμοσμένου θέματος

• Lépés

  Δομή Καταλόγου Θεμάτων

  Ένα θέμα περιλαμβάνει αυτά τα αρχεία:

  • javascripts/theme.js (αυτό είναι προαιρετικό): προσαρμοσμένο JavaScript για το θθετικό
  • favicon / (αυτό είναι προαιρετικό): favicon για το θέμα Redmine
  • stíluslapok / application.css (αυτό είναι απαραίτητο): CSS (Cascading Style Sheets) για το θέμα

  Αυτό αποδεικνύεται παρακάτω:
  nyilvános/
    + - témák /
         +- <όνομα θέματος>/
              |
              + - favicon /
              | +- (π.χ. favicon.ico, favicon.png)
              |
              + - javascriptek /
              | + - theme.js
              |
              + - stíluslapok /
                   + - application.css
  

  Δημιουργία Θέματος Redmine με Χρήση Προεπιλεγμένου Θέματου

  Μπορείτε επίσης να δημιουργήσετε ένα θέμα Redmine αλλάζον αλλάζον στο αρχείο CSS του προεπιλεγμένου θέματος.

  Ας πούμε ότι θέλετε να αλλάξετε όλα από ένα μπλε θέμε θέμε ο. Μπορείτε να το κάνετε με τον παρακάτω CSS.

  1. sh # cd / elérési út / a / redmine-hez
  2. sh # mkdir -p public / témák / redtheme / stíluslapok
  3. sh# vi public / themes / redtheme / stylesheets / application.css (ο κώδικας εμφανίζεται παρακάτω)
  4. Μεταβείτε στις ρυθμίσεις διαχειριστή και επιλέξ΄ε redthemeς

  /* φόρτωση του προεπιλεγμένου αρχείου στυλ του Redmine */

  @import url (../../../ stíluslapok / application.css);

  # felső menü {háttér: RGB (128,0,0);}

  #header {háttér szín: RGB (192,0,0);}

  # Projects-index ul.projects div.root a.project {szín: RGB (128,0,0); }

  h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

  #main {szín: RGB (128,0,0); }

  a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

  a: lebeg, a: aktív {szín: RGB (128,0,0); }

  
  

  Πώς να αλλάξετε το Λογότυπο του Θέματος;

  
  

  1^ο Lépés:

  Τοποθετήστε το αρχείο λογότυπου στο @./ public / themes/ redminecrm / images@

  
  

  2^o Lépés

  Αντικαταστήστε το αρχείο logo.png 43x30

  ...

  #header> h1 {

                 háttér: url (../ images / logo.png) nincs ismétlés 10x 20%;

                 padding: 5px 60px; /* Τροποποιήστε αυτό για να ορίσετε το δικό σας λογόος λογόου

  }