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

من ويكيبيديا، الموسوعة الحرة

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

[تحرير] تشخيص الواجهة

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

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

مثال:

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

• 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. ^ القائمه ليست كاملة