ويكيبيديا:غلاف

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

تشخيص الواجهة[عدل]

لتشخيص الغلاف أو الواجهة يجب إنشاء صفحة تابعة للمستخدم كما يلي [[مستخدم:اسم المستخدم/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]