Nasıl Özel Bir Redmine Teması Oluşturulur

Özel bir tema avantajı, benzersiz olması ve tasarımının tam olarak istediğiniz gibi olmasıdır (bu fayda çoğu varsayılan tema ile mevcut değildir). Özel bir tema istediğiniz gibi tasarlamak için esnekliğe sahipsiniz. Özel bir tema oluşturmak, varsayılan bir tema kullanmaktan daha fazla çaba gerektirebilir, ancak sonuçlar kesinlikle buna değer. Özel bir Redmine teması nasıl oluşturulacağını öğrenmek için okumaya devam edin.

Yeni Bir Redmine Teması Oluşturma

I temi Redmine sono disponibili per te. Puoi utilizzare il tema Javascript ekleyebilir e utilizzare lo stesso metodo (application.css).
İlk adım, pubblico/temi klasöründe yeni bir dizin oluşturmaktır. Dizin adı tema adı olarak kullanılacaktır. Örneğin: public/themes/my_theme.
Quindi, seleziona application.css e i suoi fogli di stile aggiuntivi sono disponibili in altre classi selezionate:
Pubblico/themes/my_theme/stylesheets/application.css
Aşağıdaki örnek, yalnızca birkaç ayarı geçersiz kılan özel bir stil sayfasıdır:
/* varsayılan Redmine continua a dire fasını yükle */
@import url (../../../ stylesheets / application.css);
/* basta vedere il logo ekle */
#intestazione {
    sfondo: #507AAA url(../images/logo.png) nessuna ripetizione 2px;
    imbottitura-sinistra: 86px;
}
/* il menu del progetto sarà completato */
#menu principale {
    sinistra: auto;
    a destra: 0px;
}
Yukarıdaki örnek, my_theme/images/logo.png konumunda bir resme sahip olduğunuzu varsayar.
Kendi özel Redmine temasınızın başlangıç ​​noktası olarak kullanmak üzere bu temayı (örnek) indirebilirsiniz. Temayı pubblico/temi dizinine çıkarın.

Özel Javascript Eklemek

Sadece javascriptinizi javascript/theme.js içine ekleyin ve her sayfada otomatik olarak yüklenecektir.

Favicon Ayari

Favicon'unuzu favicon klasörüne yerleştirin ve her sayfada varsayılan yerine otomatik olarak yüklenecektir. La favicon dosyasının adı herhangi bir şey olabilir. (Bilmiyorsanız, bir favicon, web sitenizin markalamasının amacını yerine getiren 16x16 piksel boyutunda küçük bir simgedir. Temel amacı, ziyaretçilerin birden fazla sekme açtıklarında sayfanızı daha kolay bulmalarına yardımcı olmaktır).

Özel Temayı Uygulama

• Passo 1:

Il tema indirmek için ilk adımı atın.

• Passo 2:

Temayı ../public/themes/ dizinine çıkarın. A questo punto, application.css può essere utilizzato per eseguire questa operazione:

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

• Passo 3:

Yönetim -> Ayarlar bölümüne gidin ve "Tema" listesinden (açılır menu) yeni oluşturduğunuz temayı seçin. Bundan sonra, ayarlarınızı kaydedin.
Durante la notte, Redmine artık özel temanızı kullanarak gösterilmelidir.

Se Redmine < 1.1.0 è disponibile, è possibile utilizzare l'elenco dei temi disponibili per qualsiasi applicazione.

Tema Dizin Yapisı

Bir tema şu dosyalardan oluşur:

• javascripts/theme.js (da qui): il tema si trova in JavaScript
• icona preferita / (bu isteğe bağlıdır): Redmine teması için favicon
• stylesheets / application.css (editor): tema presente nei CSS (Cascading Style Sheets)

Aşağıda gösterildiği gibi:

pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (örneğin favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Varsayılan Temayı Kullanarak Bir Redmine Teması Oluşturma

In alternativa, i vari temi CSS del pacchetto CSS sono disponibili per i temi Redmine.

Mesela, her şeyi mavi bir temadan kırmızı bir tema yapmak istiyorsunuz. Puoi usare i CSS per consentirti di farlo.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / temi / redtheme / stylesheets / application.css (kodlama aşağıda gösterilmiştir)
4. Puoi selezionare il tema rosso e l'impostazione del tema rosso

/* varsayılan Redmine continua a dire fasını yükle */

@import url (../../../ stylesheets / application.css);

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

#header {background-color: RGB (192,0,0);}

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

contenuto h1, h2, h3, h4 {color: RGB (128,0,0);}

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

a, a: link, a: visitato {color: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

Temanın Logosunu Nasıl Değiştirirsiniz?

Passaggio 1:

Logo dosyasını @./ public / temi/ redminecrm / images@ klasörüne koyun

2^NSC passo

logo.png dosyasını 43x30 boyutunda yeni logo dosyasıyla değiştirin

...

#header> h1 {

               sfondo: url (../ images / logo.png) no-repeat 10px 20%;

               imbottitura: 5px 60px; /* Kendi logonuzu ayarlamak için bunu değiştirin */

}