كيفية إنشاء سمة مخصصة لـ Redmine

ميزة السمة المخصصة هي أنها فريدة, وتصميمها هو بالضبط كمα τρένο (هذه الميزة غير متاحة مع معظم السمات الافراضية). لديك المرونة في تصميم سمة مخصصة بأي روشة تريدها. على الرغم من أن إنشاء سمة مخصصة قد يستغرق مزيدًا من الجهد بدلاً από χρησιμοποίηση λέξεων-αλατραضية, إلا أن النتائج تستحق ذلك تمامًا. اقرأ المزيد لمعرفة كيفية إنشاء سمة Redmine مخصصة.

إنشاء سمة Redmine جديدة

يوفر Redmine الدعم الأساسي للسمات. IMكن لهذه السمات إضافة ορισμένες الجافا Σكريبت المخصص وتجاوز και ρυθμίσεις της οθόνης (application.css).
الخطوة الأولى هي إنشاء دليل جديد في δημόσια/θέματα. . على سبيل المثال: public/themes/my_theme.
Μετά από ذلك, قم بإنشاء application.css Φύλλα στυλ المخصص واحفظه في مجلد فرعي يسمى:
Public/themes/my_theme/stylesheets/application.css
ﻼ ku ku ku ku—
/* تحميل ورقة أنماط Redmine الافراضية */
@import url (../../../ stylesheets / application.css);
/* إضافة شعار في الرأس */
# επικεφαλής {
    φόντο: #507AAA url(../images/logo.png) χωρίς επανάληψη 2px;
    πληκτρολόγηση αριστερά: 86px;
}
/* نقل قائمة المشروع إلى اليمين */
#κυρίως μενού {
    αριστερά: auto;
    δεξιά: 0px;
}
يفترض المثال السابق أن لديك صورة موجودة في my_theme/images/logo.png.
يمكنك تنزيل هذه السمة (عينة) كنقطة بداية لسمة Redmine المخصصة الخاصة بك. استخرج السمة في الدليل δημόσια/θέματα.

إضافة جافا سكريبت مخصصة

ما عليك سوى تضمين جافا سكريبت الخاص بك في javascript/theme.js وسيتم تحميله تلقائيًا في كل صفحة.

προσδιορισμός الرمز المμيز

قم بإدراج الرمز المميز الخاص بك في مجلد الرمز الميز، وسيتم تحميله تلقائيًا بدلاً من الرمز الميز الافتراضي في كل صفحة. يمكن أن يكون ὄμ ἁμᾶς ἁρμζ ἁμᾶς ἤ ἴσως. (Σε περίπτωση μη معرفتκ, يعد الرمز الميز أيقونة صغيرة بحجم 16 × 16 πόντους XNUMX × XNUMX χρ.

تطبيق السمة المخصصة

• حخطوة 1:

الخطوة الأولى هي تنزيل سمة جديدة.

• Βήμα 2:

قم بفك ضغط السمة في ../public/themes/. ستكون النتيجة لهذا هي مسار الدليل إلى application.css Όπως

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

• Βήμα 3:

انتقل إلى الإدارة -> الإعدادات ومن قائمة "السمة" (قائمة منسدلة), حدد السمة التي قمت بإنشائها حديثًا. بعد ذلك ، قم بحفظ الإعدادات الخاصة بك.
في هذه النقطة، يجب أن يظهر Redmine الآن Bastkhdam السمة المخصصة الخاصة بك.

Αν θέλετε να ελέγξετε το Redmine < 1.1.0, πρέπει να ρυθμίσετε την προσαρμογή και να χρησιμοποιήσετε το περιεχόμενο του συστήματος.

هيكل مجلدات القوالب

تتكون القوالب من هذه الملفات:

• javascripts/theme.js (اختياري): جافا سكريبت مخصص للقالب
• favicon / (اختياري): فافيكون لقالب Redmine
• φύλλα στυλ / application.css (ضروري): ورقة أنماط CSS ( Cascading Style Sheets) للقالب

يتم توضيح ذلك أدناه:
δημόσιο/
  + - θέματα /
       +- <اسم القالب>/
            |
            + - favicon /
            | +- (Θέλω: favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css

إنشاء قالب Redmine Bastkhdam القالب الافراضي

يمكنك أيضًا إنشاء قالب Redmine Αν μέσω της αλλαγής της γλώσσας στο MF CSS Λογαριασμός Λοτράρισμα.

Flnfterض أنك ترغب في διαγράψτε τον κωδικό πρόσβασης στο πρότυπο أزرق إلى قالب أحمر. يمكنك القيام بذلك باستخدام الـ CSS أدناه.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / θέματα / redtheme / stylesheets
3. sh# vi public / themes / redtheme / stylesheets / application.css (يتم عرض الشفرة أدناه)
4. انتقل إلى إعدادات المشرف ثم حدد redtheme

/* تحميل ورقة أنماط Redmine الافراضية */

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

# top-menu {φόντο: RGB (128,0,0);}

#header {φόντο-χρώμα: RGB (192,0,0);}

# έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); }

περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);}

# κύριο {χρώμα: RGB (128,0,0); }

a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); }

a: hover, a: ενεργό {color: RGB (128,0,0); }

كيفية تغيير شعار القالب?

Το πρώτο βήμα:

ضع ملف الشعار في @./ public / themes/ redminecrm / images@

Το δεύτερο βήμα

استبدل ملف logo.png بملف الشعار الجديد بحجم 43x30

...

#header> h1 {

               φόντο: url (../ images / logo.png) χωρίς επανάληψη 10px 20%;

               padding: 5px 60px; /* قم بتعديل هذا لتحديد شعارك الخاص */

}