Gelin Redmine için kişiselleştirilmiş bir tema oluşturun.

Kişiselleştirilmiş bir temanın avantajı, benzersiz ve tasarımıyla arzu edilen bir şeydir (bu fayda, önceden belirlenmiş olanın en büyük kısmıyla mevcut değildir). İstediğiniz kalitede kişiselleştirilmiş bir tema oluşturmanın daha kolay olduğunu biliyoruz. Kişiselleştirilmiş bir tema oluşturmanız, önceden tanımlanmış bir şekilde tamamen zenginleştirilebilecek şekilde zenginleştirilebilir ve sonuç olarak tam bir değer elde edemezsiniz. Kişiselleştirilmiş bir Redmine teması oluşturmak için geliştirmeye devam edin.

Redmine Yeni Bir Tema Oluşturun

Benim için temel bir destek sağlamayı düşünüyorum. Bazı kişiselleştirilmiş javascript ekleme ve stil oluşturma (application.css) seçeneklerimiz var.
İlk önce herkese açık/temalarda yeni bir dizin oluşturacaksınız. Tema adı için kullanılan dizin adı. Reklam örneği: public/themes/my_theme.
Ardından, bir uygulama.css kişiselleştirmesi oluşturun ve basit bir chiamata stil sayfasında kurtarın:
Public/themes/my_theme/stylesheets/application.css
Tek başına bir görüntü oluşturma stili oluşturmak için kişiselleştirilmiş bir stil örneği:
/* Redmine ön tanımının stilini çizin */
@import url (../../../ stil sayfaları / application.css);
/* yeni bir logo eklemek */
#başlık {
    arka plan: #507AAA url(../images/logo.png) tekrarlanmayan 2px;
    dolgu sol: 86 piksel;
}
/* proje menüsünü bir projeye geri gönder */
#ana menü {
    sol: otomatik;
    sağa: 0px;
}
My_theme/images/logo.png dosyasında ne olduğunu hayal edebileceğiniz bir örnek.
Korkutucu bir görev teması (örneğin), Redmine temasının kişiselleştirilmesi için bir parça olarak gelir. Bir tema dizini genel/temalar.

Kişiselleştirilmiş Javascript Ekleme

Temelde javascript/theme.js dosyasına javascript eklenir ve sayfaya otomatik olarak aktarılır.

Favicon'un Yerleştirilmesi

Favori kartınıza bir favicon ekleyin ve otomatik olarak kendi sayfanıza önceden tanımlanmış bir karikatür ekleyin. Favori simge dosyanızın adı aynı kalitede olmalıdır. (Bu arada, bir site ikonu ve 16x16 piksel boyutunda bir resim simgesi, web sitenizin tüm marka kapsamına hizmet eder. Ana sayfanız, ziyaretçileriniz için farklı bir sayfaya kolayca göz atmanızdır. program).

Kişiselleştirme teması uygulaması

• Aşama 1:

İlk geçiş yeni bir temayı korkutuyor.

• Aşama 2:

Temayı ../public/themes/ dosyasında açın. Bu, aynı zamanda application.css dizininde özel bir görev olarak kabul edilir

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

• Aşama 3:

Yönetim -> Kurulumu yapın ve "Tema" listesini seçin (menü menüsü), oluşturulacak temayı seçin. Bunu yapın, sahtekarlığınızı kurtarın.
Bu noktada, Redmine çoğu zaman kişiselleştirilmiş temalardan yararlanır.

Redmine < 1.1.0 kullanılıyorsa, kullanılabilir durumdaki listede yer alan uygulama da kullanılabilir.

Dizin Yapısı

Bir tema ve bir dosya bileşimi:

• javascripts/theme.js (isteğe bağlı): Tema için kişiselleştirilmiş JavaScript
• site simgesi / (isteğe bağlı): Redmine teması için site simgesi
• stil sayfaları / application.css (gerekli): Tema başına CSS (Basamaklı Stil Sayfaları)

İşte bunun örneği:
halka açık/
  + - temalar /
       +- /
            |
            + - favicon /
            | +- (reklam örneği favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css

Gelin, önceden tanımlanmış temayı kullanarak bir Redmine teması oluşturun

Daha sonra, önceden tanımlanmış temanın CSS dosyasını renklendirerek ve değiştirerek bir tema oluşturabilirsiniz.

Bir temayı tek seferde mavi olarak değiştirmenizi öneririz. Bunu yapmak için CSS'yi kullanabilirsiniz.

1. sh# cd / percorso / a / redmine
2. sh # mkdir -p public / temalar / redtheme / stil sayfaları
3. sh# vi public / theme / redtheme / stylesheets / application.css (kodlar ve sonrakilerin çoğu)
4. Tüm yönetici yönetimini yönetin ve kırmızı temayı seçin

/* Redmine'in önceden tanımlanmış stilini çizin */

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

Tema logosunu değiştirmek ister misiniz?

1° geçiş:

Logo dosyasını @./ public / theme/ redminecrm / Images@ içine yerleştirin.

2^o Passo

Logo.png dosyasını 43x30 boyutunda yeni dosya logosuyla birlikte yerleştirin

...

#header> h1 {

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

               dolgu: 5 piksel 60 piksel; /* Logoyu değiştirmek için görevi değiştirin */

}