بدأ دورة CSS (( الدرس مفصل الأول ))
http://www.dzbatna.com/images/icons/iconrote.gif ط¨ط¯ط£ ط¯ظˆط±ط© CSS (( ط§ظ„ط¯ط±ط³ ط§ظ„ط£ظˆظ„ ))
السلام عليكم
كما وعدتكم
في البداية سأتناول قائمة المسجلين في الدورة و لا مانع من طرح أي استفسار للذين لم يحالفهم الحظ
و لكن سيتم التجاوب مع المسجلين بشكل أوضح
القائمة :
1 - Dr.Support
2 - anas_loveless
3 - RbFox
4 - The Matrix
5 - alshakicom
6 - محمد عمارة
و تم إضافة الأخ محمد عمارة لأنه أتوا الأخوان كلهم في نفس الأوقات
على العموم نذهب إلى صلب الموضوع و مقدمة عن لغة CSS
اختصار لكلمة : Cascading Style Sheets
أسلوب عمل لغة CSS
كان موجود منذ سنة 1970مـ
و مع نمو لغة HTML أصبح من الصعب على المتصفحات التعامل مع اللغة لأنهاا تحتوي على الكثير من الأكواد
كمثال لعمل 100 سطر كل سطر يحتوي على كلمة ديزاد باتنة
سيتم عمل كل سطر كالتالي : رمز PHP:
<p><font color="#FF0000">font>p>
و سيتم تكرار هذه الجملة joomla مائة مرة
و هذه جملة joomla مبسطة فقط لكتاية كلمة ديزاد باتنة باللون الأحمر
فما بالك إذا كان الخط عريض أو مائل أو نوع الخط إلخ..
و إذا قررت التعديل أو اكتشفت أنك غلطت سيتم إعادة كتابة جميع الأكواد مرة أخرى
هذه اللغة توفر عليك العناء فبدلا من تغيير اللون على 100 جملة joomla
تغير على كود code CSS و يتغير لون كل الجمل
و ميزة لغة CSS أنهاا تتوافق مع المعايير القياسية W3C
و بإختصار W3C هي منظمة انشرت مؤخرا بصورة كبيرة و هي لعمل جميع صفحات الأنترنت تتوافق مع جميع المتصفحات حيث أن بعض المنتديات على سبيل المثال عندما تدخلها في متصفح الفاير فوكس تجد أن صور الإستايل style غير مركبة على بعضها فبذلك صاحب المنتدى forum لم يطبق المعايير القياسية العالمية
إنتهيت من النبذة و أتمنى إني أفدتكم بالنبذة عن لغة CSS
الآن لرؤية مثال على كود code في لغة CSS تستطيعون فتح سورس أي منتدى VB حيث تعتمد منتديات VB على لغة CSS في تصاميمها و بعد فتح الورس ستجدون كود code لملف CSS و لمن لا يعرف فتح السورس عن طريق Right Click ثم View Source
بعد أن فتحت سورس ديزاد باتنة ستجد بين وسمي HEAD
هذه الجملة joomla : رمز PHP:
<link rel="stylesheet" type="text/css" href="clientscript/vbulletin_important.css?v=374" />
و هذا ملف CSS من أصل ملفات CSS في منتديات VB
و مسار هذا الملف في ديزاد باتنة (( كاملا )) لتحميله هو : http://www.dzbatna.com/clientscri...tant.css?v=374
بعد الفتح تستطيع رؤوية كود code CSS
الآن انتهيت من المقدمة و الدرس مفصل الأول و أتمنى إني كفيت و وفيت
و في الدرس مفصل القادم سأبدأ في شرح طريقة أساسيات CSS
و لا تتردد في طرح أي استفسار
تحياتي ..
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
