Sådan opretter du et brugerdefineret Redmine-tema

Fordele ved et brugerdefineret tema er, at det er unikt, og at dets design er præcis som du ønsker det (denne fordel er ikke tilgængelig med de fleste standardtemaer). Du har fleksibiliteten til at designe et brugerdefineret thema på den måde, du ønsker det. Το μόνο που χρειάζεται να κάνετε είναι να κάνετε μόνοι σας στο oprette et brugerdefineret thema i modsætning til at bruge and standardtema, er resultaterne helt værd det. Βλέπετε στο lære, hvordan du opretter και brugerdefineret Redmine-tema.

Oprettelse af et nyt Redmine-tema

Redmine δωρητής grundlæggende υποστήριξη til temaer. Διαλέξτε το JavaScript και το overskrive stilarter (application.css).
Αποκτήστε το skridt er at oprette en ny mappe i public/themes. Navnet på mappen vil blive brugt som navnet på temaet. Για exempel: public/themes/my_theme.
Μετάφραση σε brugerdefineret application.css og gemmes and undermappe kaldet stylesheets:
Public/themes/my_theme/stylesheets/application.css
Følgende er et eksempel på en brugerdefineret stylesheet, der kun overskriver et par indstillinger:
/* indlæs standard Redmine-stylesheet */
@import url (../../../ stylesheets / application.css);
/* tilføj et logo i headeren */
# επικεφαλής {
    baggrund: #507AAA url(../images/logo.png) no-repeat 2px;
    πληκτρολόγηση αριστερά: 86px;
}
/* flyt projektmenuen til højre */
#κυρίως μενού {
    αριστερά: auto;
    δεξιά: 0px;
}
Αποκτήστε το αντίθετο, στο du har et billede, στο my_theme/images/logo.png.
Du kan downloade dette tema (eksempel) som et udgangspunkt for dit eget brugerdefinerede Redmine-tema. Udpak temaet i public/themes-mappen.

Επιστροφή στην αρχή JavaScript

Συμπεριλαμβανομένου blot σε JavaScript και javascript/theme.js, και σε αυτόματο τρόπο αυτόματης εισαγωγής στην πλευρά.

Εισαγωγή στο Favicon

Indsæt dit favicon i favicon-mappen, og det vil blive indlæst automatisk and stedet for standardikonet på hver side. Favicon-filens navn kan være hvad som helst. (Hvis du ikke ved det, er et favicon et lille 16x16 pixel-ikon, der tjener formålet med dit websteds branding. Dets primære formål er at hjælpe besøgende med at finde din side lettere, når de harbne farener).

Anvendelse af det brugerdefinerede thema

• Τριν 1:

Αποκτήστε το skridt στο downloade και nyt θέμα.

• Βήμα 2:

Udpak temaet i ../public/themes/. Αποτελέσματα af dette ville være en sti til application.css som f.eks.

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

• Βήμα 3:

Για τη Διοίκηση -> Indstillinger og vælg temaet, du lige har oprettet, fra "Tema" ακούστε (rulleliste). Gem derefter dine indstillinger.
Για να τελειώσετε με το skal Redmine nu vises med dit tilpassede tema.

Hvis du bruger Redmine < 1.1.0, skal du muligvis genstarte programmet, så det vises I listening over tilgængelige temaer.

Struktur για temaets mappe

Etma består af disse filer:

• javascripts/theme.js (dette er valgfrit): tilpasset JavaScript til temaet
• favicon / (dette er valgfrit): favicon til Redmine-temaet
• φύλλα στυλ / application.css (dette er nødvendigt): CSS (Cascading Style Sheets) til temaet

Dette demonstreres nedenfor:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css

Sådan oprettes et Redmine-tema ved hjælp af standardtemaet

Μπορείτε να επιλέξετε το θέμα και το Redmine στο ændre farverne και το αρχείο CSS για το standardtemaet.

Lad os sige, στο du vil ændre alt fra et blåt tema til et rødt. Μπορείτε να χρησιμοποιήσετε το CSS.

1. sh# cd /sti/til/redmine
2. sh# mkdir -p public/themes/redtheme/stylesheets
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden vises nedenfor)
4. Για τη διαχείριση και την απομάκρυνση του κόκκινου θέματος

/* indlæs standard Redmine-stylesheet */

@import url (../../../ stylesheets / application.css);

# top-menu {φόντο: RGB (128,0,0);}

#header {φόντο-χρώμα: RGB (192,0,0);}

# έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); }

περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);}

# κύριο {χρώμα: RGB (128,0,0); }

a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); }

a: hover, a: ενεργό {color: RGB (128,0,0); }

Λογότυπο Sådan ændres temaets;

Βήμα 1:

Λογότυπο-αρχείο Placer i @./public/themes/redminecrm/images@

2^nd Τρίν

Udskift logo.png αρχείο med den nye logofil med størrelsen 43x30

...

#header> h1 {

               baggrund: url(../images/logo.png) χωρίς επανάληψη 10 εικονοστοιχεία 20%;

               padding: 5px 60px; /* Ændre dette for at sætte dit eget logo */

}