Common.css

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

Common.css هو ملف هام جدًا في بيئة MediaWiki، وهو نظام إدارة المحتوى الذي يعتمد عليه العديد من الويكي، بما في ذلك ويكيبيديا. يلعب هذا الملف دورًا حيويًا في تخصيص مظهر الويكي وتنسيق العناصر المرئية المختلفة. يهدف هذا المقال إلى تقديم شرح مفصل لملف Common.css للمبتدئين، مع التركيز على دوره وأهميته وكيفية استخدامه لتعديل مظهر الويكي.

ما هو Common.css؟

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

الفرق بين Common.css و skin-specific CSS

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

ما الذي يمكن تغييره باستخدام Common.css؟

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

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

كيفية الوصول إلى Common.css وتعديله

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

1. انتقل إلى صفحة Common.css الخاصة بالويكي. غالبًا ما تكون موجودة على عنوان مثل "Special:CSS". 2. اضغط على زر "تعديل" أو "تحرير". 3. أدخل التعديلات التي تريدها باستخدام لغة CSS. 4. أضف ملخصًا للتعديل في مربع الملخص. 5. اضغط على زر "حفظ التغييرات".

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

| القاعدة 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

التعليقات: استخدم التعليقات (/* ... */) لشرح التعديلات التي تجريها.
التنظيم: قم بتنظيم القواعد CSS الخاصة بك بشكل منطقي.
التجربة: اختبر التعديلات الخاصة بك على صفحة تجريبية قبل تطبيقها على الويكي بأكمله.
التوافق: تأكد من أن التعديلات الخاصة بك متوافقة مع مختلف متصفحات الويب.
الاستعانة بالمصادر: استشر وثائق CSS والموارد الأخرى عبر الإنترنت للحصول على المساعدة.

أدوات المساعدة في تطوير CSS

أدوات المطور (Developer Tools) في المتصفحات: تساعد على فحص العناصر وتعديل CSS مباشرة في المتصفح.
CSS Lint: أداة للتحقق من صحة CSS.
CSS Beautifier: أداة لتنسيق CSS.

روابط ذات صلة

استراتيجيات تداول وتحليل فني وحجم التداول (لأغراض الربط فقط)

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

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

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

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