الدرس الثالث : التعـامل مع الخـلفيـات..(1)

الســلام علــيكم ورحمــة
اللــهـ وبركــاتهـ ..
والصــلاة والسـلام على أفضـل خلـق
اللــهـ أجمــعين ..

صبــاحكمـ | مســائكـمـ معــطر بـذكـر
الرحمـن ..

[size=21]أهــداف
الدرس:

التعرف على طريقة
استخدام الخلفيات.. والتحكم فيها
وهذا الجزأ الأول..
الأكواد التي سنتطرق اليها في
هذا الدرس..

color
background-color
background-image

نبــدأ باســم اللــهـ ..

color

نستخدم هذا الكود لتحديد لون معين للأي
وسم من وسوم الهتمل ..
وغالبا ما يستخدم للنصوص ..

مـثال:

لو اردنا ان نجعل كل ما يكتب في
الصفحة باللون الأحمر ..
نكتب الكود التالي:

[/size]
كود PHP:

body {
color: red;
}

مثال آخر:

اذا اردنا ان نحدد لون الكتابة في
بارجراف او قطعة معينة
البارجراف وسمه <p>

سيكون الكود كالتالي:

كود PHP:

p {
color: red;
}

[center]

Background-color

وهو اعطاء لون لخلفية اي عنصر ..

مـثال:

ان اردنا اعطاء خلفية لعنوان نريد
كتابته في الصفحة..
وسم العنوان <h1>
سيكون الكود:

كود PHP:

h1 {
backgrund-color: black;
}

يمكننا اضافة color لتحديد لون العنوان

كود PHP:

h1 {
background-color: black;
color: red;
}

[center]

Background-image

نستخدمها لإضافة خلفية صورة لأي عنصر..

مثال:

نريد ان نعطي خلفية للصفحة كاملة

كود PHP:

body {
Background-image: url('رابط الصورة');
}

[center]وستتكرر الصورة اوتوماتيك في الصفحة كاملة..

مثال آخر على
وسم آخر مع تحديد لون الخط:

كود PHP:

p {
Background-image: url('رابط الصورة');
color: red;
}

[center]أي قطعة سنكتب فيها سيكون لها خلفية صورة
وبالخط الأحمر..

ملاحظة هامة:

عند وضع رابط الصورة يجب ان يكون
الرابط على الشكل التالي:

url;('bg.gif')

هذا يعني ان الصورة مكانها في نفس
الملف
واذا كنت تريد تحديد مكان معين
للصورة نكتبها هكذا

url("../images/bg.gif")

او وضع رابط خارجي لها

url([ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط])

[center]الدرس القادم بعون
الرحمن سنتناول التحكم في الخلفيات وتكرارها..
كــونوا بالقــرب ^_^

اي استفسار أنا حاضر ان شاء اللــهـ
..

دمــتم في حــفظ الرحــمن ووداعــته ،،

[/center]
[/center]
[/center]
[/center]
[/center]

» تعليم الاوتوكاد الدرس الثالث
» الدرس الثالث : تغيير لون النص
» شرح برنامج Nero كامل و على مراحل (نسخ ملفات Dataعلى الـ CD) الدرس الثالث
» درس الثالث............منتديات الفتاك للبرمجيات......دورة الفوتوشوب
» تعليم برنامج برنامج الاوت لوك اكس برس الدرس الثالث