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

Το πλεονέκτημα ενός προσαρμοσμένου θέματος είναι ότι είναι μοναδικό σςοσσσςοσς ίναι ακριβώς όπως τον θέλετε (αυτό το πλεονέκτημα δεν είνατι σρερερερσπτοσσσπροσσσπροσποσσποσπρσπροσποποπούσω λεγμένα θέματα). Έχετε την ευελιξία να σχεδιάσετε ένα προσαρμοσμένο θέμα όπως θέλετε. Αν και η δημιουργία ενός προσαρμοσμένου θέματος μπορεί να απαιτείθεταπρπρπρπρισσπρμοσμένου από τη χρήση ενός προεπιλεγμένου, τα αποτελέσματα αξίζουν πλήρως. Διαβάστε παρακάτω για να μάθετε πώς να δημιουργήσετε ένα προσαρμοσμέμνο προσαρμοσμέμνονο

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

Το Redmine παρέχει βασική υποστήριξη για θέματα. Αυτά τα θέματα μπορούν να προσθέσουν μερικά προσαρμοσμένα JavaScript και να αντικju
Το πρώτο βήμα είναι να δημιουργήσετε ένα νέο φάκελο στο veřejná/témata. Το όνομα του φακέλου θα χρησιμοποιηθεί ως όνομα του θέματος. Για παράδειγμα: public/themes/my_theme.
Στη συνέχεια, δημιουργήστε ένα προσαρμοσμένο application.css και αποθηκεύστεένκκεφονάνοσεσφονάνο σεστε φανοσεστεάνο προσαρμοσμένο application.css υ ονομάζεται styly:
Public/themes/my_theme/stylesheets/application.css
Το παρακάτω είναι ένα παράδειγμα προσαρμοσμένου šablona stylů που αντικαθιστίςερικϭκαθιστά μερικσσαρμοσμένου
/* φορτώνει το προεπιλεγμένο šablona stylů του Redmine */
@import url (../../../ styly / application.css);
/* προσθέτει ένα λογότυπο στην κεφαλίδα */
#záhlaví {
    pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}
/* μετακινεί το μενού του έργου προς τα δεξιά */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
Το παραπάνω παράδειγμα υποθέτει ότι έχετε μια εικόνα που βρίσκεται στο.my/images/images
Μπορείτε να κατεβάσετε αυτό το θέμα (δείγμα) ως αφετηρία για το δικόπραμαςςποσοσοςς Redmine. Αποσυμπιέστε το θέμα στον φάκελο veřejná/témata.

Προσθήκη προσαρμοσμένου Javascript

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

Ορισμός Favicon

Εισαγάγετε το favicon σας στον φάκελο favicon και θα φορτωθεί αυτόματα κτόματα κτόματα κτόματα κτγτονκπκεννι θε σελίδα. Το όνομα του αρχείου favicon μπορεί να είναι οποιοδήποτε. (Σε περίπτωση που δεν το γνωρίζετε, ένα favicon είναι ένα μικρό ειρκονίδειοσπονίδειοπονίδειοπομεχιοποωρίζετε Značka α το του ιστότοπού σας. ουν ευκολότερα τη σελίδα σας όταν έχουν ανοιχτές πολλές καρτέλες).

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

• Krok

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

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

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

  Αυτό αποδεικνύεται παρακάτω:
  veřejnost/
    + - témata /
         +- <όνομα θέματος>/
              |
              + - favicon /
              | +- (π.χ. favicon.ico, favicon.png)
              |
              + - javascripty /
              | + - theme.js
              |
              + - styly /
                   + - application.css
  

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

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

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

  1. sh # cd / path / to / redmine
  2. sh # mkdir -p public / themes / redtheme / stylesheets
  3. sh# vi public / themes / redtheme / stylesheets / application.css (ο κώδικας εμφανίζεται παρακάτω)
  4. Μεταβείτε στις ρυθμίσεις διαχειριστή και επιλέξτε το redtheme

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

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

  obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}

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

  a, a: link, a: navštíveno {color: RGB (128,0,0); }

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

  
  

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

  
  

  1^ο Krok:

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

  
  

  2^Oh Krok

  Αντικαταστήστε το αρχείο logo.png με το νέο αρχείο λογότυπου με μέγεθος 43x30

  ...

  #header> h1 {

                 pozadí: url (../ images / logo.png) neopakovat 10px 20%;

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

  }