أرابيكا:غلاف

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

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

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

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

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

:link:link
:link:visited : رابط لصفحة تمت زيارتها
:link#contentTop
:link.external : رابط خارجي, مثل: http://www.google.com
:link.extiw : رابط إنترويكي, مثل: [[fr:exemple]]
:link.image : رابط وصف صورة, مثل:Image:Example ar.svg
:link.internal : رابط لصورة مثل: ميديا:Fleur_de_lys.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]