المعرفة:غلاف

يستطيع المستخدم تشخيص الواجهة بتعديل: الخطوط, الألوان, الحجم و التموضع. أولا يتم تحديد إحدى الواجهات من خلال التفضيلات, بعد ذلك يمكن تشخيص الواجهة المختارة, عن طريق جافاسكريبت و الأنماط.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

تشخيص الواجهة

لتشخيص الغلاف أو الواجهة يجب إنشاء صفحة تابعة للمستخدم كما يلي [[مستخدم:اسم المستخدم/monobook.css]]. بعد ذلك يتم تعديلهاوفق تفضيلات المستخدم.

تعديل الأنماط

تعديل الأنماط يكون بتغيير أحد أو بعض القطاعات التالية^[1]:

:link:link
:link:visited : رابط لصفحة تم زيارتها
:link#contentTop
:link.external : رابط خارجي, مثل: http://www.google.com
:link.extiw : رابط انترويكي, مثل: [[fr:exemple]]
:link.image : رابط وصف صورة, مثل:Image:Exemple.jpg
:link.internal : رابط لصورة مثل: Media:Exemple.jpg
:link.new
body.ns-0, ..., body.ns-15
div#bodyContent
div#column-content
div#editsection
div#globalWrapper
div#tocindent
div.tocline
h1.firstHeading
h2
h3
img.tex : Image TeX
small : نص مكتوب بحروف صغيرة مثل: مثال
table.toc

القطاعات الأساسية

column-content : الفراغ بين هوامش المحتوى.
content : الإطار الذي يضم المحتوى الأساسي.
firstHeading : عنوان المقال.
bodyContent : المحتوى الأساسي.

الصنف p- هو النمط المستعمل من طرف القطاعات حول المحتوى الأساسي للواجهة monobook :

p-cactions : القائمة العلوية الموجودة فوق المحتوى الأساسي.
p-personal : (...الروابط الخاصة بالمستخدم : (صفحة نقاشي تفضيلات قائمة مراقبتي مساهماتي.
p-logo : خاص بالشعار.
p-navigation : روابط تصفح.
p-search : منطقة البحث.
p-tb : روابط أدوات.

تحديد الأنماط بصفة عامة

مثال:

h1 { color:red; font-size:36pt; }

هنا يمكن استعمال أحد البارامترات الآتية:

color: لتحديد لون العنصر
font-size: لتحديد بعد الخط
- xx-small =مصغر.
- x-small = صغير جدا.
- small = صغير.
- medium = متوسط.
- large = كبير.
- x-large = كبير جدا.
- xx-large = مكبر.
- smaller = أصغر من العادي.
- larger = أكبر من العادي.
font-family: لتحديد عائلة الخط
font-style نمط الخط
- italic = خط مائل.
- oblique = خط مائل في اتجاه عكسي.
- normal = خط عادي.
font-weight: سمك الخط
font خط بصفة عامة
word-spacing الفراغ بين الكلمات
letter-spacing الفراغ بين الحروف و الرموز
text-decoration ديكور النص
text-shadow ظل النص

أمثلة

لون الروابط

a { color: #رمز اللون; }
a:visited { color: #رمز اللون; }
a:active, a.new { color: #رمز اللون; }
a.interwiki, a.external { color: #رمز اللون; }

صورة الشعار

#p-logo a {
 background: url(http://foto.png) 35% 50% no-repeat !important; }

قطاعات التصفح, بحث, أدوات

#p-navigation,#p-search,#p-tb  { 
bwidth: 10.8em;
border: none;
margin: 0 0 0.5em 0em;
float: none;
overflow: hidden;
font-size: 95%;
background: gold;
border-collapse: collapse;
border: 1px solid #aaaaaa;
padding: 0 0.8em 0.3em .5em;
 }

تعديل النطاقات: المعرفة, مساعدة, تصنيف, مستخدم و صفحات النقاش

من الممكن تغيير نمط النطاقات, فمثلا يمكن تغيير لون الخلفية لصفحة النطاق المعرفة و وضع لون خلفية مغاير في صفحة المساعدة.

أمثلة

/* نمط المقالات */
.ns-0 * #content, 
.ns-0 * #p-cactions li, 
.ns-0 * #p-cactions li a { 
   background : white;
}

/* نمط صفحة المستخدم */
.ns-2 * #content, 
.ns-2 * #p-cactions li, 
.ns-2 * #p-cactions li a {
   background : white;
}

/* نمط المعرفة */
.ns-4 * #content, 
.ns-4 * #p-cactions li, 
.ns-4 * #p-cactions li a {
   background: #F4F4F4;
}

/* نمط صورة */
.ns-6 * #content, 
.ns-6 * #p-cactions li, 
.ns-6 * #p-cactions li a {
   background: white;
}

/* نمط ميدياويكي */
.ns-8 * #content, 
.ns-8 * #p-cactions li, 
.ns-8 * #p-cactions li a {
   background: #EEEEFF;
}

/* نمط قالب */
.ns-10 * #content, 
.ns-10 * #p-cactions li, 
.ns-10 * #p-cactions li a { 
   background: white;
}

/* نمط تصنيف */
.ns-14 * #content, 
.ns-14 * #p-cactions li, 
.ns-14 * #p-cactions li a {
   background: white;
}

* نمط بوابة */
.ns-100 * #content, 
.ns-100 * #p-cactions li, 
.ns-100 * #p-cactions li a {
   background: white;
}

ملاحظات

^ القائمه ليست كاملة

[1] القائمه ليست كاملة

[1]