أستغفر الله العظيم ,, اللهم لك الحمد


العودة   منتديات داماس > منتدى البرمجة العام > تطوير المواقع


مواضيع مميزة  


آخر عشرة مواضيع المواضيع النشطة


31-07-2014, 02:44 AM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,046
إعجاب: 845
تلقى 1,239 إعجاب على 137 مشاركة
تلقى دعوات الى: 2484 موضوع
    #1  

CSS :: شرح الخاصية background-image


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

<!DOCTYPE html>
<
html>
    <
head>
        <
style>
            
body {
                
background-image:url('https://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

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

الخاصية background-image

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

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





سبحان الله وبحمده .. سبحان الله العظيم
اللهم أغفر لأبي وأمي واسكنهم جنات الفردوس برحمتك يارب العالمين
اللهم أرحم موتى المسلمين جميعاً


المواضيع المشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
CSS :: شرح الخاصية background Ahmad Saleh تطوير المواقع 17 25-02-2015 05:28 PM
CSS :: شرح الخاصية background-color Ahmad Saleh تطوير المواقع 15 11-11-2014 12:16 PM
CSS :: شرح الخاصية background-repeat Ahmad Saleh تطوير المواقع 8 11-11-2014 11:58 AM
CSS :: شرح الخاصية background-attachment Ahmad Saleh تطوير المواقع 9 11-11-2014 11:57 AM
CSS :: شرح الخاصية background-position Ahmad Saleh تطوير المواقع 9 11-11-2014 11:56 AM

31-07-2014, 01:24 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,046
إعجاب: 845
تلقى 1,239 إعجاب على 137 مشاركة
تلقى دعوات الى: 2484 موضوع
    #4  
المشاركة الأصلية كتبت بواسطة Damas 
تسلم ايدك ابو حميد حبيبي
الله يسلم عمرك حبيب الكل ابو محمد
المشاركة الأصلية كتبت بواسطة PrinceOfPersia 
روووووووووووووووعة

تسلم الأيادي على الشرح المبسط
الله يسلمك يا غالي واشكر لك مرورك الطيب

01-08-2014, 03:57 PM
Mo7amed Abdo غير متصل
مشرف قسم تطوير المواقع
رقم العضوية: 317299
تاريخ التسجيل: Dec 2009
الإقامة: Egypt
المشاركات: 2,485
إعجاب: 1,191
تلقى 844 إعجاب على 233 مشاركة
تلقى دعوات الى: 2236 موضوع
    #5  
دروسك كلها بسيطة جداً ما شاء الله
سلمت يداك ، وزادك الله من عمله

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


لا إله إلا أنت سبحانك إنى كنت من الظالمين

01-08-2014, 11:39 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,046
إعجاب: 845
تلقى 1,239 إعجاب على 137 مشاركة
تلقى دعوات الى: 2484 موضوع
    #6  
مهو حلاوة الـ CSS في كده
اصبر لسه التقيل جي قدام
تسلم لي يارب

02-08-2014, 02:32 PM
Ahmad Saleh غير متصل
الوسـام الماسـي
رقم العضوية: 396430
تاريخ التسجيل: Jan 2012
الإقامة: Egypt - Alex
المشاركات: 3,046
إعجاب: 845
تلقى 1,239 إعجاب على 137 مشاركة
تلقى دعوات الى: 2484 موضوع
    #8  
يارب ويخليك ويحفظك حبيبي الرساس

18-10-2014, 10:45 PM
Amer Asran غير متصل
VIP
رقم العضوية: 105164
تاريخ التسجيل: Jan 2008
الإقامة: Egypt
المشاركات: 4,687
إعجاب: 1,258
تلقى 1,491 إعجاب على 436 مشاركة
تلقى دعوات الى: 2433 موضوع
    #11  
بارك الله بك استاذنا الحبيب على الموضوع
الشرح كتاب الكتروني
هنا



11-11-2014, 12:16 PM
omar karim غير متصل
عضو فعال
رقم العضوية: 21500
تاريخ التسجيل: Jul 2005
المشاركات: 149
إعجاب: 0
تلقى 48 إعجاب على 12 مشاركة
تلقى دعوات الى: 1 موضوع
    #12  
بارك الله فيك


وَمَا تَوْفِيقِي إِلَّا بِاللَّهِ عَلَيْهِ تَوَكَّلْتُ وَإِلَيْهِ أُنِيبُ

15-06-2016, 05:25 PM
احمد5556 غير متصل
عضو مميز
رقم العضوية: 729423
تاريخ التسجيل: Feb 2016
المشاركات: 380
إعجاب: 86
تلقى 62 إعجاب على 49 مشاركة
تلقى دعوات الى: 0 موضوع
    #13  
ورحمه الله وبركاته ممكن شرح لbackground-imageمتحرك لعدد من الصور لخلفيه المواقع


13-06-2017, 12:04 PM
hossam asila غير متصل
عضو مميز
رقم العضوية: 886875
تاريخ التسجيل: Jan 2017
المشاركات: 311
إعجاب: 26
تلقى 21 إعجاب على 21 مشاركة
تلقى دعوات الى: 0 موضوع
    #14  

 


CSS :: شرح الخاصية background-image

English

Powered by vBulletin® Version
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
The owner and operator of the site is not responsible for the availability of, or any content provided.
Topics that are written in the site reflect the opinion of the author.
جميع ما يُطرح من مواضيع ومشاركات تعبر عن رأي كاتبها ولا تعبر عن رأي مالك الموقع أو الإدارة بأي حال من الأحوال.