Redmine'in standart olmayan modeli.

Korzyścią niestandardowego motywu şakası, że şakası benzersiz, bir jego projektowanie jesti dokładnie takie, jakie chcesz (ta korzyść nie jest dostępna w większości domyślnych motywów). Masz elastikiyet ve projektowaniu standart dışı motyw ile dowolny sposób. Standart olmayan bir standarttan ziyade, evde yapılan bir değişiklikle birlikte bu durum da ortadan kalkıyor. Przeczytaj, jak stworzyć nie standart motyw Redmine.

Redmine zapewnia podstawowe wsparcie of the motywów. Çeşitli standartlarda JavaScript şifrelemesi ve yeni stil (application.css) bulunmaktadır.
Pierwszym, artık genel/temalarla katalog haline getiriliyor. Yeni katalog, çok sayıda yeni ürün. Şunu kullanın: public/themes/my_theme.jpg
Standart olmayan bir application.css dosyası kullanın ve pod klasörüne veya nazwi stil sayfalarına gidin:
Public/themes/my_theme/stylesheets/application.css
Yeni standart dışı stil, yeni stil ve ustalık gerektiren ürünler:
/* Redmine'in yeni stilini oluşturduk */
@import url (../../../ stil sayfaları / application.css);
/* logoyu kullanacağız */
#başlık {
    arka plan: #507AAA url(../images/logo.png) tekrarlanmayan 2px;
    dolgu sol: 86 piksel;
}
/* proje ve uygulama menüsü */
#ana menü {
    sol: otomatik;
    sağa: 0px;
}
My_theme/images/logo.png dosyasında çok sayıda dosya var.
Możesz, Redmine ile standart dışı bir şey yapmak için birkaç (przykład) şey yaptı. Genel katalog/temalar ile ilgili motyw.

Javascript/theme.js ile JavaScript'i skrypt olarak kullanabilirsiniz, bu da otomatik olarak ve otomatik olarak sağlanır.

Favori simgenizi klasör simgesi olarak değiştirin ve otomatik olarak bir klasöre bir klasör ekleyin. Favori simgenizi değiştirin. (Daha fazla bilgi yok, favicon 16x16 piksellik bir simgeye sahip, iki markalı internet alışverişi yapıyor. İki tane daha güçlü, iyi bir kartvizit seçeneği var).

Pobierz nowy motyw.
Motyw do ../public/themes/. Application.css dosyasında aşağıdakileri yapın:
../public/themes/redminecrm/stylesheets/application.css
Yönetici Yönetimi -> Ustalar artık "Motyw" (liste rozwijana) listesini kullanıyor ve artık motyw'i kullanıyor. Następnie zapisz ustawienia.
Şu anda Redmine, iki standart dışı standartla birlikte geliyor.
Redmine <1.1.0'dan yararlanın, müzikle ilgili daha iyi uygulamalar gerçekleştirin, bu da sizin için uygun bir uygulamadır.

Yapısal katalog motywów

Aşağıdakilerin türü ve türü:

• javascripts/theme.js (opcjonalnie): JavaScript ile uyumlu
• site simgesi / (opcjonalnie): Redmine'deki site simgesi
• stil sayfaları / application.css (konieczny): CSS (Basamaklı Stil Sayfaları)

Poniżej przedstawiono to na przykładzie:
publiczny/
  +- motywy/
       +- /
            |
            + - favicon /
            | +- (np.favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css

İki Motywu Redmine to domyślnego motywu

Redmine'in farklı modellerini kullanarak, CSS ile farklı renklere sahip bir görünüm elde edebilirsiniz.

Jeśli chcesz zmienić wszystko ve niebieskiego motywu na czerwony, zrobić için pomocą poniższego CSS'yi kullanıyor.

1. sh# cd / ścieżka / do / redmine
2. sh # mkdir -p public / temalar / redtheme / stil sayfaları
3. sh# vi public / theme / redtheme / stylesheets / application.css (kodlamalar için kodlar)
4. Przejdź do ustawień admina, yeni bir wybierz kırmızı tema

/* Redmine'in yeni stilini oluşturduk */

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

Jak zmienić logo motywu mu?

1^szy krok:

Umieść plik logosu w @./ publiczny / motywy / redminecrm / Images@

Aşama 2

Logo.png'yi şimdi logo veya rozmiarze 43x30'a dönüştürün

...

#header> h1 {

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

               dolgu: 5 piksel 60 piksel; /* Ustawić logosunu kullan */

}