Redmine Temasının Tanımlanması ve Tanımlanmasının Sağlanması

Temel olarak tanımlanmış bir tema benzersizdir ve tasarımı, gerekli uygulamalara göredir (bu, standart bir temayla uyumlu değildir). Bu durumda, temayı tasarlamak ve tanımlamak için esnekliğe sahipsiniz. Ancak nadiren temanın kullanımı ve tanımlanmasıyla ilgili daha fazla bilgi edinebilir ve kaba ve standart bir temaya göre değişiklik yapabilirsiniz, bu da sonuç olarak işe yaradı. Daha fazla bilgi için daha fazla bilgi edinin ve Redmine temalarını tanımlayın.

Redmine Temasının Kullanımı ve Yeni Redmine Temaları

Temaya yönelik temel destek veren kişi. Bu tema, JavaScript'i daha iyi tanımlayabilir ve daha fazla stil (application.css) oluşturabilir.
İlk Skridt, herkese açık/temalarda yeni bir haritada kullanılmaktadır. Navnet, bir navnet temasıyla birlikte kullanılabilir. Eksempel için: public/themes/my_theme.
Daha sonra application.css dosyasını ve harita altındaki stil sayfalarını kullanarak tanımlayın:
Public/themes/my_theme/stylesheets/application.css
Bu, aşırı sorgulanması ve aşılanması için kaba tanımlı bir stil sayfası için ek bir örnektir:
/* standart Redmine stil sayfasını içerir */
@import url (../../../ stil sayfaları / application.css);
/* logo ve başlıklar */
#başlık {
    baggrund: #507AAA url(../images/logo.png) tekrarlanmayan 2px;
    dolgu sol: 86 piksel;
}
/* proje menüsünü yukarıya doğru kaydır */
#ana menü {
    sol: otomatik;
    sağa: 0px;
}
Bu, ilk olarak my_theme/images/logo.png dosyasında yer alan bir şeydir.
Redmine temayı daha iyi tanımlamak için bu temayı (eksempel) indirebilirsiniz. Temaları ve genel/temaları haritalandırın.

JavaScript'in Tanımlanmasının Geliştirilmesi

JavaScript'i javascript/theme.js dosyasına ekleyin ve her iki tarafta otomatik olarak etkinleştirebilirsiniz.

Sık kullanılan simgesinin yerleştirilmesi

Bu favicon ve favicon haritasında bulunur ve her iki tarafta da standart simge için otomatik olarak ve otomatik olarak kullanılabilir. Favicon dosyaları bir şekilde kullanılabilir. (Buna rağmen, web siteleri markalamasında bu formda bir favicon ve 16x16 piksel simge var. Bu ilk resmi form, yan mektubu bulma konusunda yardımcı olur, ancak daha fazla hayran yok).

Tanımlanmış Temanın Faydaları

• Üç:

İlk dosya, yeni temanın indirilmesindedir.

• Aşama 2:

Temaları ve ../public/themes/'i seçin. Sonuç, f.eks olarak application.css'de hala mevcut.

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

• Aşama 3:

Yönetime göre -> "Tema" dinlemesi (rullliste) aracılığıyla, kurulum ve tema oluşturma. Gem derefter akşam yemeği aşılayıcı.
Bu, Redmine'ın bu yeni temayla ilgili bir özelliğidir.

Redmine < 1.1.0 sürümüne sahipseniz, yeni bir program başlattığınızdan, daha iyi temalar dinleyebiliyorsunuz.

Temaets haritası için yapı

Bu dosyanın en iyi teması:

• javascripts/theme.js (bunun için bir örnek): tema için JavaScript'i kullanın
• site simgesi / (bunun için bir örnek): Redmine teması için site simgesi
• stil sayfaları / application.css (bunun için bir örnek): Tema için CSS (Basamaklı Stil Sayfaları)

Dette bunun nedenini şöyle açıklıyor:
halka açık/
  + - temalar /
       +- /
            |
            + - favicon /
            | +- (f.eks.favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css

Sådan Oprettes ve Redmine Temaları Standart Temaya Yardımcı Oldu

Standart tema için farklı CSS dosyalarında farklı temalar ve Redmine temaları kullanabilirsiniz.

Lad os, şu anda başka bir temaya sahip olacaksınız. Bu, CSS'yi kullanarak yapılabilir.

1. sh# cd /sti/til/redmine
2. sh# mkdir -p genel/temalar/kırmızıtema/stil sayfaları
3. sh# vi public/themes/redtheme/stylesheets/application.css (koden vises neden için)
4. Yönetimlerin yenilenmesine ve kırmızı temanın kaldırılmasına yardımcı olun

/* standart Redmine stil sayfasını içerir */

@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); }

Sådan ændres temaları logosu?

1. Adım:

Yerleştirici logo dosyası @./public/themes/redminecrm/images@

2^nd Üçlü

Udskift logo.png dosyası 43x30 boyutunda yeni logo dosyasıyla birlikte

...

#header> h1 {

               baggrund: url(../images/logo.png) tekrarsız 10 piksel %20;

               dolgu: 5 piksel 60 piksel; /* Şunu belirtelim: logoyu tamamlayın */

}