Redmine-thema'yı geride bıraktık.

Geçmişteki temalardan biri, üniversitenin çok yüksek fiyatlara sahip olduğu ve her zaman solgun olduğudur (bu, bu standartların aynısı değildir). Çok daha fazla esnekliğe sahip olmanın yanı sıra, bir önceki temanın da ötesinde bir esneklik var. Bununla birlikte, geçmiş bir tema, standart bir temayla bir araya gelerek çok daha fazla sonuç elde ederek çok daha fazla sonuç elde edilebilir. Redmine'in konusunun bir an önce geride kaldığını gördük.

Yeni Redmine Temasını Oluşturdu

Redmine, temaların temelini oluşturuyor. Temayı, çok fazla dosya (application.css) oluşturmak için birkaç çift javascript yapıştırın.
Bir önceki adım, herkese açık/temalarda yeni bir harita oluşturmaktır. Haritanın adı aynı temayla birlikte aktarıldı. Bijvoorbeeld: public /themes / my_theme.dll
Bir uygulama.css dosyası oluşturup bir alt harita oluşturucu stil sayfasında çalıştırabilirsiniz:
Genel / temalar / my_theme / stil sayfaları / application.css
Son zamanlarda, çok fazla kurulumla birlikte birkaç yıl öncesine ait bir çalışma yapıldı:
/* standart Redmine-stijlblad */
@import url (../../../ stil sayfaları / application.css);
/* başlıkta logoyu kullan */
#başlık {
    arka plan: # 507AAA url (../ images / logo.png) yineleme yok 2 piksel;
    dolgu sol: 86 piksel;
}
/* proje menüsünü günceller */
#ana menü {
    sol: otomatik;
    sağa: 0px;
}
My_theme / Images / logo.png dosyasında çok önemli bir şey var.
Bu temayı (varsa) Redmine temasına benzer bir macun oluşturmak için başlangıç ​​olarak indirebiliriz. Bu temaları genel/tema haritasında bulabilirsiniz.

Javascript'i yapıştırmak

Javascript'i, javascript /theme.js dosyasında, sayfaya otomatik olarak aktararak çalıştırabilirsiniz.

Favicon'u kurun

Favori simgesi, site simgesi haritasında, diğer sayfaya standart site simgesiyle otomatik olarak gelir. Bu site simgesi en iyi şekilde kullanılabilir. (Bu arada, çok da güzel olmayan bir site simgesi, web sitesindeki markalama için farklı olan 16x16 piksellik bir simgedir. İlk yapılması gereken, sayfaların açık bir şekilde açılmasını sağlamak için sayfa oluşturma konusunda yardımcı olanlardır).

Toepassen van het aangepaste thema

• 1. Adım:

İlk adım yeni bir temayla indiriliyor.

• 2 adım:

Bu temaları ../public/themes/ dosyasında bulabilirsiniz. Sonuç olarak, uygulama.css, Zoals'da bir harita pedinde sonuç elde edildi

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

• 3 adım:

Beheer'ı seçin -> Kurulumu, "Tema" (tema) ile yapabileceğiniz bir tema seçin. Kurulum ayarları gerçekleştirilir.
Bu, Redmine'in bir temayla tanışmasına bile izin vermediğini gösteriyor.

Redmine < 1.1.0 sürümüne sahip olmanıza rağmen, tematik olarak çok yönlü bir başlangıç ​​yapma fırsatına sahip olmak çok kolay.

Structuur van het thema'nın dizini

En iyi temalardan biri:

• javascripts/theme.js (isteğe bağlı): tema için JavaScript yapıştırın
• site simgesi / (isteğe bağlı): Redmine teması için favicon
• stil sayfaları / application.css (noodzakelijk): Tema için CSS (Basamaklı Stil Sayfaları)

Şunu belirtelim:
halka açık/
  + - temalar /
       +- /
            |
            + - favicon /
            | +- (bijv.favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css

Bir Redmine-thema kapının standart bir tema olmasını sağladı

CSS'de en iyi standart temayı sunmak için Redmine temalı bir dosya kapısı oluşturduk.

Her şeyin yenileneceği bir ana temaya yakın bir mavi tema olduğunu biliyoruz. Bu, CSS'nin temel özellikleriyle tanıştı.

1. sh# cd / pad / naar / redmine
2. sh # mkdir -p public / temalar / redtheme / stil sayfaları
3. sh# vi public / theme / redtheme / stylesheets / application.css (wordt hieronder weergegeven kodlaması)
4. Redtheme seçkisinde bir kurulum yapın

/* standart Redmine stil sayfasıyla */

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

Bu temayı nasıl buldunuz?

2^e Stap

Vervang het bestand logo.png kapı het yeni logobestand bir araya geldi büyük bir kamyonet 43x30

...

#header> h1 {

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

               dolgu: 5 piksel 60 piksel; /* Yıldızdaki özel logonun üzerine şunu koy */

}