Ahmad Saleh

الوسـام الماسـي
التسجيل
29/1/12
المشاركات
3,051
الإعجابات
1,255
الإقامة
Egypt - Alex
#1

في الدرس السابق من الدورة شرحنا الخاصية background-color
وهي لتلوين خلفية الموقع او جزء من الموقع سواء كان لون عنوان او لون مربع بحث او غيره...
واليوم سوف نقوم بشرح خاصية اخرى وهي background-image
سوف نرى الكود ونكمل شرحنا...
افتح صفحة تكست فارغة واعطها امتداد html ثم ضع فيها هذا الكود...

PHP:
<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                background-image:url('http://noimg.damasgate.com/pHn4Px.png');
            }
        </style>
    </head>
    <body>
        <h1>www.damasgate.com/vb</h1>
        <h3>I enjoy my stay where...</h3>
    </body>
</html>
ثم اغلق الصفحة بعد حفظها وافتح الصفحة على متصفح الانترنت لترى التالي...



هذه الخلفية هي صورة واحدة, هذه...



ولكن يتم فرد الصورة على المتصفح لتبقى مثل ورق الحائط مثلاً
والمسئول عن هذه الصورة هو الكود التالي...
;('background-image:url('http://noimg.damasgate.com/pHn4Px.png')

ما تم تلوينه بالاحمر هو رابط الصورة
وفي الدرس القادم إن شاء الله سوف نتعلم كيفية وضع الصورة بشكل منفرد وفي اي موضع من الصفحة
بالتوفيق للجميع
 

سعد الدين

سعد الدين

المسؤول الفني
التسجيل
18/3/03
المشاركات
44,836
الإعجابات
15,828
الإقامة
Türkiye
#2
تسلم ايدك ابو حميد حبيبي
 
PrinceOfPersia

PrinceOfPersia

عضوية الشرف
التسجيل
18/12/06
المشاركات
3,275
الإعجابات
1,291
الإقامة
الكويت
الجنس
Male
#3
روووووووووووووووعة

تسلم الأيادي على الشرح المبسط
 

Ahmad Saleh

الوسـام الماسـي
التسجيل
29/1/12
المشاركات
3,051
الإعجابات
1,255
الإقامة
Egypt - Alex
#4

Mo7amed Abdo

عضوية الشرف
التسجيل
9/12/09
المشاركات
2,504
الإعجابات
880
الإقامة
Egypt
الجنس
Male
#5
دروسك كلها بسيطة جداً ما شاء الله
سلمت يداك ، وزادك الله من عمله

جزاك الله الجنة يا حبيب قلبي .
 

Ahmad Saleh

الوسـام الماسـي
التسجيل
29/1/12
المشاركات
3,051
الإعجابات
1,255
الإقامة
Egypt - Alex
#6
مهو حلاوة الـ CSS في كده ...
اصبر لسه التقيل جي قدام
تسلم لي يارب
 

alrassas

الوسـام الذهبي
التسجيل
3/7/13
المشاركات
2,013
الإعجابات
107
#7
الله يحفظك اخي احمد
.
 

Ahmad Saleh

الوسـام الماسـي
التسجيل
29/1/12
المشاركات
3,051
الإعجابات
1,255
الإقامة
Egypt - Alex
#8
يارب ويخليك ويحفظك حبيبي الرساس .
 

ربيع

عضـو
التسجيل
1/9/03
المشاركات
0
الإعجابات
6,501
#9
بارك الله فيك وجزاك خيراً أخي العزيز
 
محـــمد ظافـــر

محـــمد ظافـــر

مجموعة الإدارة
التسجيل
8/9/08
المشاركات
28,715
الإعجابات
8,376
الإقامة
Malaysia
#10
بارك الله فيك وجزاك خيرا
 

Amer Asran

VIP
التسجيل
31/1/08
المشاركات
4,702
الإعجابات
1,533
الإقامة
Egypt
#11
بارك الله بك استاذنا الحبيب على الموضوع
الشرح كتاب الكتروني
هنا
.
 

omar karim

عضو فعال
التسجيل
9/7/05
المشاركات
149
الإعجابات
48
#12
بارك الله فيك
 

احمد5556

عضـو
التسجيل
3/2/16
المشاركات
419
الإعجابات
70
#13
ورحمه الله وبركاته ممكن شرح لbackground-imageمتحرك لعدد من الصور لخلفيه المواقع
 

hossam asila

عضو محترف
التسجيل
4/1/17
المشاركات
638
الإعجابات
61
#14
.
 

أعلى