Hur man skapar ett anpassat Redmine-tema

Kapsamlı bir tema ile yapılan değişiklikler benzersizdir ve bu nedenle hassas bir şekilde tasarlanmıştır (bu, en fazla standartla aynı düzeydedir). Evinize ulaşmak için esnek bir tema tasarımınız var. Eğer temayı güvenli ve standart bir yaklaşımla geçiştirebilirseniz, bunun sonucunda da sonuç alınır. Redmine-Tema'yı geçmek için daha fazla zaman harcamak gerekiyor.

Skapande av ett nytt Redmine-tema

Bu, sizin için çok önemli bir şey. Daha sonra JavaScript'i ve diğer stilleri (application.css) geçişe izin verebilirsiniz.
İlk olarak, herkese açık/temalarda yeni bir harita oluşturulabilir. Namnet, bu adla ilgili haberlere göz atmayı planlıyor. Örneklere kadar: public/themes/my_theme.
Bir uygulama.css dosyası oluşturun ve çeşitli stil sayfalarının altındaki haritayı yedekleyin:
Public/themes/my_theme/stylesheets/application.css
Bu, kurulum sırasında yardımcı olacak basit bir stil örneğidir:
/* Redmine için standartlar eklendi */
@import url (../../../ stil sayfaları / application.css);
/* logoya eklenene kadar bekle */
#başlık {
    arka plan: #507AAA url(../images/logo.png) tekrarlanmayan 2px;
    dolgu sol: 86 piksel;
}
/* projektmenyn'e kadar uçun */
#ana menü {
    sol: otomatik;
    sağa: 0px;
}
My_theme/images/logo.png dosyasında yer alan resimler için iyi bir örnek.
Redmine temasını geçmek için bir başlangıç ​​noktası olarak bu temayı (örnek) kullanabilirsiniz. Herkese açık/temalar haritasında ekstra temalar bulunur.

JavaScript'i Şifrelemek

JavaScript'i javascript/theme.js dosyasına ekleyin ve her şeyi otomatik olarak yapın.

Site simgesini yükleme

Site simgesi ve site simgesi haritası hakkında bilgi edinin ve standart site simgelerinin farklı yönlere otomatik olarak yüklenmesini sağlayın. Favicon dosyaları bir şekilde kullanılabilir. (Bununla birlikte, web platformlarında işaretlemek için kullanılan 16x16 piksellik basit bir simge ikonu var. Bu, daha fazla bilgi için başka bir sayfanın yanından geçmeniz gereken bir şey.)

Temas geçişini tamamlama

• Adım 1:

İlk önce yeni bir temaya ihtiyacımız var.

• 2. Adım:

Tema paketini ../public/themes/. Sonuç olarak, application.css'in örnek olarak kaldırılmasına karar verildi

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

• 3. Adım:

Yönetime Git -> Kurulum ve "Tema" listesinden (yönetim kuralları) yeni temalar oluşturun. Daha sonra kurulum yapmayın.
Bu, Redmine vizelerinin aynı geçiş temasıyla birlikte gerçekleştiğini gösteriyor.

Redmine < 1.1.0 sürümünün ardından, ska vizeleri için başvuruyu başlatabilir ve temayı dinleyebilirsiniz.

Tema Haritası Yapısı

Dosyalamada en iyi temalar:

• javascripts/theme.js (valfritt): tema için JavaScript şifresi
• site simgesi / (valfritt): Redmine teması için favori simge
• stil sayfaları / application.css (özel): Tema için CSS (Basamaklı Stil Sayfaları)

Detta vizeleri:
halka açık/
  + - temalar /
       +- /
            |
            + - favicon /
            | +- (örneğin favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css

Hur man skapar ett Redmine-tema genom att använda standart tema

Redmine tema genomunu standart tema için CSS dosyasında daha ileri düzeyde tutabilirsiniz.

Her şeyi bu kadar açık bir temadan başlayarak tamamlayın. Bu, CSS ile ilgili bir şey olabilir.

1. sh# cd /yol/giden/redmine
2. sh# mkdir -p genel/temalar/kırmızıtema/stil sayfaları
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden vizeleri nedan)
4. Redtheme'i yönetmek ve yönetmek için kullanın

/* ladda standart-Redmine-stilmallen */

@import url (../../../ stil sayfaları / application.css);

# top-menu {background: RGB (128,0,0);}

#header {arka plan rengi: RGB (192,0,0);}

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

içerik h1, h2, h3, h4 {renk: RGB (128,0,0);}

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

a, a: bağlantı, a: ziyaret {renk: RGB (128,0,0); }

a: üzerine gelin, a: etkin {renk: RGB (128,0,0); }

Hur man ändrar temats logotipi?

1:bir adım:

Logo dosyasını @./public/themes/redminecrm/images@ adresinde yerleştirin

2^a Steg

Ersätt logo.png dosyası 43x30 boyutunda yeni logo dosyasıyla birlikte

...

#header> h1 {

               arka plan: url (../ images / logo.png) tekrarlanmayan 10 piksel% 20;

               dolgu: 5 piksel 60 piksel; /* Yeni logotyp'te yer almak için gerekenler */

}