Common.css: Difference between revisions

From binaryoption
Jump to navigation Jump to search
Баннер1
(@pipegas_WP)
 
(@pipegas_WP)
 
Line 1: Line 1:
## Common.css: دليل شامل للمبتدئين
## ملف Common.css في ميدياويكي: دليل شامل للمبتدئين


'''Common.css''' هو ملف هام جدًا في بيئة [[MediaWiki]]، وهو نظام إدارة المحتوى الذي يعتمد عليه العديد من [[الويكي]]، بما في ذلك [[ويكيبيديا]]. يلعب هذا الملف دورًا حيويًا في تخصيص مظهر الويكي وتنسيق العناصر المرئية المختلفة. يهدف هذا المقال إلى تقديم شرح مفصل لملف Common.css للمبتدئين، مع التركيز على دوره وأهميته وكيفية استخدامه لتعديل مظهر الويكي.
ملف `Common.css` هو أحد أهم الأدوات المتاحة لمستخدمي [[ميدياويكي]] لتخصيص مظهر [[واجهة المستخدم]] لـ [[الويكي]]. يتيح هذا الملف للمستخدمين تغيير طريقة عرض العناصر المختلفة على الموقع، مثل الخطوط، الألوان، التخطيطات، وغيرها. هذا المقال يقدم شرحًا مفصلاً للمبتدئين حول كيفية عمل `Common.css` وكيفية استخدامه لتعديل مظهر الويكي الخاص بك.


== ما هو Common.css؟ ==
=== ما هو Common.css؟ ===


Common.css هو ملف [[CSS]] (Cascading Style Sheets) يتم تخزينه على خادم الويكي. يحتوي على مجموعة من القواعد التي تحدد كيفية عرض العناصر المختلفة على صفحات الويكي، مثل الخطوط والألوان والخلفيات والتخطيط العام.  يتم تطبيق هذه القواعد على جميع المستخدمين بشكل افتراضي، مما يعني أن أي تغييرات تتم على Common.css ستؤثر على مظهر الويكي لجميع الزوار.
`Common.css` هو ملف [[CSS]] (Cascading Style Sheets) يتم تحميله تلقائيًا لكل المستخدمين عند زيارتهم للويكي. يقع هذا الملف عادةً في مجلد [[وسائط:Common.css]] على خادم الويكي. الـ CSS هي لغة تستخدم لوصف طريقة عرض محتوى [[HTML]]. في سياق ميدياويكي، يتم استخدام CSS لتحديد شكل العناصر المختلفة مثل العناوين، الفقرات، الجداول، القوائم، الأزرار، وغيرها.


== الفرق بين Common.css و skin-specific CSS ==
بعبارة أبسط، `Common.css` يسمح لك بتغيير "مظهر" الويكي دون تغيير "محتوى" الويكي.  هذا يعني أنه يمكنك تحسين تجربة المستخدم، أو جعل الويكي يتوافق مع علامتك التجارية، أو ببساطة تخصيصه ليناسب تفضيلاتك.


من المهم التفريق بين Common.css وملفات CSS الخاصة بـ [[الجلد (Skin)]].  تمتلك كل واجهة (مثل [[Monobook]]، [[Vector]]، [[Modern]]) ملفات CSS خاصة بها تحدد مظهرها الأساسي.  Common.css، من ناحية أخرى، يسمح لك بتجاوز أو تعديل الأنماط المحددة في ملفات الجلد، مما يتيح لك تخصيص مظهر الويكي بشكل أكبر.  يعمل Common.css كطبقة إضافية من التخصيص فوق الجلد الأساسي.
=== كيفية الوصول إلى Common.css ===


== ما الذي يمكن تغييره باستخدام Common.css؟ ==
عادةً، لا يمكنك الوصول المباشر إلى `Common.css` عبر متصفح الويب.  يتطلب تعديل هذا الملف امتيازات [[مسؤول]] أو [[بيروقراطي]] على الويكي.  يمكن للمسؤولين الوصول إلى الملف عبر [[واجهة الويب]] الخاصة بإدارة الويكي، أو من خلال [[بروتوكول نقل الملفات]] (FTP) إذا كان ذلك متاحًا.


باستخدام Common.css، يمكنك تعديل العديد من جوانب مظهر الويكي، بما في ذلك:
=== أساسيات CSS ===


*  '''الخطوط:''' تغيير نوع الخط وحجمه ولونه.
قبل البدء في تعديل `Common.css`، من المهم فهم بعض أساسيات CSS. يتكون CSS من مجموعة من [[القواعد]]. كل قاعدة تتكون من [[محدد]] و [[كتلة تعريف]].
*  '''الألوان:''' تعديل ألوان الخلفية والنصوص والروابط.
*  '''التخطيط:''' تغيير عرض وارتفاع العناصر وتحديد هوامشها وحشوها.
*  '''العناصر المرئية:''' إخفاء أو إظهار عناصر معينة، مثل الأزرار أو القوائم.
*  '''النماذج:''' تخصيص مظهر [[النماذج (Forms)]]، مثل مربعات النصوص وأزرار الإرسال.
*  '''الجداول:''' تعديل مظهر [[الجداول]]، بما في ذلك الحدود والخلفيات.
*  '''العناوين:''' تغيير حجم ولون وتنسيق [[العناوين]].
*  '''الفقرات:''' تعديل تباعد الأسطر والفقرات.


== كيفية الوصول إلى Common.css وتعديله ==
*  **المحدد:** يحدد العنصر أو العناصر التي سيتم تطبيق التنسيق عليها.  يمكن أن يكون المحدد اسم عنصر HTML (مثل `p` للفقرات أو `h1` للعناوين)، أو [[فئة]] (class) أو [[معرّف]] (ID).
*  **كتلة التعريف:** تحتوي على مجموعة من [[الخصائص]] و [[قيمها]].  تحدد هذه الخصائص القيم التي سيتم تطبيقها على العنصر المحدد.  على سبيل المثال، `color: blue;` تحدد لون النص إلى الأزرق.


للوصول إلى Common.css وتعديله، يجب أن يكون لديك [[حساب مستخدم]] على الويكي وحقوق [[صلاحيات المستخدم]] كافية. عادةً ما يتطلب هذا أن تكون [[إداري (Administrator)]] أو أن يكون لديك صلاحيات [[تعديل الواجهة]].  للوصول إليه:
مثال:


1.  انتقل إلى صفحة Common.css الخاصة بالويكي. غالبًا ما تكون موجودة على عنوان مثل "[[Special:CSS]]".
```css
2.  اضغط على زر "تعديل" أو "تحرير".
p {
3.  أدخل التعديلات التي تريدها باستخدام لغة CSS.
  color: blue;
4.  أضف ملخصًا للتعديل في مربع الملخص.
  font-size: 16px;
5.  اضغط على زر "حفظ التغييرات".
}
```


== أمثلة على استخدام Common.css ==
هذا الكود سيجعل لون جميع الفقرات (`p`) على الويكي أزرق، وحجم الخط 16 بكسل.


| القاعدة CSS | الوصف |
=== التعديل على Common.css ===
|---|---|
| `body { font-family: Arial, sans-serif; }` | يغير الخط المستخدم في كامل الصفحة إلى Arial أو أي خط sans-serif افتراضي. |
| `a { color: blue; text-decoration: none; }` | يغير لون الروابط إلى الأزرق ويزيل التسطير. |
| `.mw-headline { font-size: 1.2em; }` | يزيد حجم خط العناوين. |
| `#content { width: 90%; margin: 0 auto; }` | يحدد عرض منطقة المحتوى ويضعها في المنتصف. |
| `table.wikitable { border-collapse: collapse; }` | يدمج حدود الجداول. |


== أفضل الممارسات عند تعديل Common.css ==
عند تعديل `Common.css`، من المهم أن تكون حذرًا وتتبع أفضل الممارسات.  إليك بعض النصائح:


*  '''التعليقات:''' استخدم التعليقات (/* ... */) لشرح التعديلات التي تجريها.
*  **النسخ الاحتياطي:** قبل إجراء أي تغييرات، قم بعمل نسخة احتياطية من ملف `Common.css` الأصلي. هذا يتيح لك استعادة الملف الأصلي إذا حدث خطأ ما.
*  '''التنظيم:''' قم بتنظيم القواعد CSS الخاصة بك بشكل منطقي.
*  **التعليقات:** استخدم [[التعليقات]] في CSS لشرح التغييرات التي تجريها.  هذا سيجعل من السهل فهم الكود لاحقًا.
*   '''التجربة:''' اختبر التعديلات الخاصة بك على صفحة تجريبية قبل تطبيقها على الويكي بأكمله.
*  **التجربة:** قم بإجراء تغييرات صغيرة واختبرها قبل تطبيق تغييرات كبيرة.  هذا سيساعدك على تحديد أي مشاكل بسرعة.
*  '''التوافق:''' تأكد من أن التعديلات الخاصة بك متوافقة مع مختلف [[متصفحات الويب]].
*  **التنظيم:** حافظ على تنظيم الكود الخاص بك. استخدم المسافات البيضاء والتباعد لجعل الكود أكثر قابلية للقراءة.
*  '''الاستعانة بالمصادر:''' استشر [[وثائق CSS]] والموارد الأخرى عبر الإنترنت للحصول على المساعدة.


== أدوات المساعدة في تطوير CSS ==
=== أمثلة على تعديلات Common.css ===


*  [[أدوات المطور (Developer Tools)]] في المتصفحات: تساعد على فحص العناصر وتعديل CSS مباشرة في المتصفح.
إليك بعض الأمثلة على التعديلات التي يمكنك إجراؤها على `Common.css`:
*  [[CSS Lint]]: أداة للتحقق من صحة CSS.
*  [[CSS Beautifier]]: أداة لتنسيق CSS.


== روابط ذات صلة ==
*  **تغيير لون الخلفية:**


*   [[CSS]]
```css
*  [[MediaWiki]]
body {
*   [[الجلد (Skin)]]
   background-color: #f0f0f0;
*   [[Monobook]]
}
*  [[Vector]]
```
*   [[Modern]]
 
*  [[Special:CSS]]
*  **تغيير لون الروابط:**
*  [[وثائق CSS]]
 
*  [[قواعد التخصيص]]
```css
*   [[تعديل الواجهة]]
a {
*  [[نماذج (Forms)]]
   color: #007bff;
*  [[الجداول]]
}
*  [[العناوين]]
 
*  [[إداري (Administrator)]]
a:hover {
*  [[صلاحيات المستخدم]]
   color: #0056b3;
*  [[أدوات المطور (Developer Tools)]]
}
```
 
*  **تغيير حجم الخط:**
 
```css
body {
   font-size: 14px;
}
```
 
*  **إضافة ظل إلى مربعات النص:**
 
```css
input[type="text"], textarea {
   box-shadow: 2px 2px 5px #888888;
}
```
 
=== استخدام أدوات المطور في المتصفح ===
 
يمكنك استخدام [[أدوات المطور]] في متصفح الويب الخاص بك (مثل Chrome DevTools أو Firefox Developer Tools) لفحص عناصر الويكي وتحديد CSS الذي يتم تطبيقه عليها.  هذا يمكن أن يساعدك في فهم كيفية عمل CSS وكيفية تعديل `Common.css` لتغيير مظهر العناصر.
 
=== استراتيجيات ذات صلة وتحليل فني ===


== استراتيجيات تداول وتحليل فني وحجم التداول (لأغراض الربط فقط) ==
لتطبيق التعديلات بشكل فعال، يفضل دراسة:


*  [[تحليل الشموع اليابانية]]
*  [[التحليل الفني للأسعار]]
*  [[مؤشر المتوسط المتحرك]]
*  [[استراتيجية المتوسطات المتحركة]]
*  [[مؤشر القوة النسبية]]
*  [[استراتيجية مؤشر القوة النسبية]]
*  [[مؤشر الماكد]]
*  [[استراتيجية بولينجر باندز]]
*  [[خطوط فيبوناتشي]]
*  [[استراتيجية فيبوناتشي]]
*  [[تحليل حجم التداول]]
*  [[تحليل حجم التداول]]
*  [[مؤشر الحجم]]
*  [[استراتيجية الاختراق]]
*  [[استراتيجية الاختراق]]
*  [[استراتيجية الارتداد]]
*  [[استراتيجية التصحيح]]
*  [[استراتيجية المتوسطات المتحركة المتقاطعة]]
*  [[استراتيجية التقاطع الذهبي والتقاطع الميت]]
*  [[استراتيجية التداول المتأرجح]]
*  [[استراتيجية التداول المتأرجح]]
*  [[استراتيجية التداول اليومي]]
*  [[استراتيجية التداول اليومي]]
*  [[استراتيجية التداول الخوارزمي]]
*  [[استراتيجية التداول الخوارزمي]]
*  [[تحليل الدعم والمقاومة]]
*  [[نظرية موجات إليوت]]
*  [[تحليل الاتجاه]]
*  [[تحليل أنماط الشموع اليابانية]]
*  [[تحليل التجميع والتوزيع]]
 
=== روابط ذات صلة ===
 
*  [[CSS]]
*  [[HTML]]
*  [[ميدياويكي]]
*  [[واجهة المستخدم]]
*  [[وسائط:Common.css]]
*  [[المحددات في CSS]]
*  [[الخصائص في CSS]]
*  [[القيم في CSS]]
*  [[التعليقات في CSS]]
*  [[أدوات المطور في المتصفح]]
*  [[تخصيص مظهر الويكي]]
*  [[تنسيق الصفحات]]
*  [[قوالب الويكي]]
*  [[إضافات ميدياويكي]]
*  [[فئات ميدياويكي]]


[[Category:الفئة:ملفات CSS]]
[[Category:الفئة:تنسيقات_واجهة_المستخدم]]


== ابدأ التداول الآن ==
== ابدأ التداول الآن ==

Latest revision as of 04:08, 23 April 2025

    1. ملف Common.css في ميدياويكي: دليل شامل للمبتدئين

ملف `Common.css` هو أحد أهم الأدوات المتاحة لمستخدمي ميدياويكي لتخصيص مظهر واجهة المستخدم لـ الويكي. يتيح هذا الملف للمستخدمين تغيير طريقة عرض العناصر المختلفة على الموقع، مثل الخطوط، الألوان، التخطيطات، وغيرها. هذا المقال يقدم شرحًا مفصلاً للمبتدئين حول كيفية عمل `Common.css` وكيفية استخدامه لتعديل مظهر الويكي الخاص بك.

ما هو Common.css؟

`Common.css` هو ملف CSS (Cascading Style Sheets) يتم تحميله تلقائيًا لكل المستخدمين عند زيارتهم للويكي. يقع هذا الملف عادةً في مجلد وسائط:Common.css على خادم الويكي. الـ CSS هي لغة تستخدم لوصف طريقة عرض محتوى HTML. في سياق ميدياويكي، يتم استخدام CSS لتحديد شكل العناصر المختلفة مثل العناوين، الفقرات، الجداول، القوائم، الأزرار، وغيرها.

بعبارة أبسط، `Common.css` يسمح لك بتغيير "مظهر" الويكي دون تغيير "محتوى" الويكي. هذا يعني أنه يمكنك تحسين تجربة المستخدم، أو جعل الويكي يتوافق مع علامتك التجارية، أو ببساطة تخصيصه ليناسب تفضيلاتك.

كيفية الوصول إلى Common.css

عادةً، لا يمكنك الوصول المباشر إلى `Common.css` عبر متصفح الويب. يتطلب تعديل هذا الملف امتيازات مسؤول أو بيروقراطي على الويكي. يمكن للمسؤولين الوصول إلى الملف عبر واجهة الويب الخاصة بإدارة الويكي، أو من خلال بروتوكول نقل الملفات (FTP) إذا كان ذلك متاحًا.

أساسيات CSS

قبل البدء في تعديل `Common.css`، من المهم فهم بعض أساسيات CSS. يتكون CSS من مجموعة من القواعد. كل قاعدة تتكون من محدد و كتلة تعريف.

  • **المحدد:** يحدد العنصر أو العناصر التي سيتم تطبيق التنسيق عليها. يمكن أن يكون المحدد اسم عنصر HTML (مثل `p` للفقرات أو `h1` للعناوين)، أو فئة (class) أو معرّف (ID).
  • **كتلة التعريف:** تحتوي على مجموعة من الخصائص و قيمها. تحدد هذه الخصائص القيم التي سيتم تطبيقها على العنصر المحدد. على سبيل المثال، `color: blue;` تحدد لون النص إلى الأزرق.

مثال:

```css p { 

 color: blue;
 font-size: 16px;

} ```

هذا الكود سيجعل لون جميع الفقرات (`p`) على الويكي أزرق، وحجم الخط 16 بكسل.

التعديل على Common.css

عند تعديل `Common.css`، من المهم أن تكون حذرًا وتتبع أفضل الممارسات. إليك بعض النصائح:

  • **النسخ الاحتياطي:** قبل إجراء أي تغييرات، قم بعمل نسخة احتياطية من ملف `Common.css` الأصلي. هذا يتيح لك استعادة الملف الأصلي إذا حدث خطأ ما.
  • **التعليقات:** استخدم التعليقات في CSS لشرح التغييرات التي تجريها. هذا سيجعل من السهل فهم الكود لاحقًا.
  • **التجربة:** قم بإجراء تغييرات صغيرة واختبرها قبل تطبيق تغييرات كبيرة. هذا سيساعدك على تحديد أي مشاكل بسرعة.
  • **التنظيم:** حافظ على تنظيم الكود الخاص بك. استخدم المسافات البيضاء والتباعد لجعل الكود أكثر قابلية للقراءة.

أمثلة على تعديلات Common.css

إليك بعض الأمثلة على التعديلات التي يمكنك إجراؤها على `Common.css`:

  • **تغيير لون الخلفية:**

```css body { 

 background-color: #f0f0f0;

} ```

  • **تغيير لون الروابط:**

```css a { 

 color: #007bff;

}

a:hover { 

 color: #0056b3;

} ```

  • **تغيير حجم الخط:**

```css body { 

 font-size: 14px;

} ```

  • **إضافة ظل إلى مربعات النص:**

```css input[type="text"], textarea { 

 box-shadow: 2px 2px 5px #888888;

} ```

استخدام أدوات المطور في المتصفح

يمكنك استخدام أدوات المطور في متصفح الويب الخاص بك (مثل Chrome DevTools أو Firefox Developer Tools) لفحص عناصر الويكي وتحديد CSS الذي يتم تطبيقه عليها. هذا يمكن أن يساعدك في فهم كيفية عمل CSS وكيفية تعديل `Common.css` لتغيير مظهر العناصر.

استراتيجيات ذات صلة وتحليل فني

لتطبيق التعديلات بشكل فعال، يفضل دراسة:

روابط ذات صلة

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين

Баннер
Retrieved from "https://binaryoption.wiki/ar/index.php?title=Common.css&oldid=32953"