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



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


مواضيع مميزة  


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


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

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


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

<!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

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

الخاصية background-image

ولكن يتم فرد الصورة على المتصفح لتبقى مثل ورق الحائط مثلاً
والمسئول عن هذه الصورة هو الكود التالي...
;('background-image:url('http://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, 07:00 AM
سعد الدين متصل
المسؤول الفني
رقم العضوية: 3
تاريخ التسجيل: Mar 2003
الإقامة: Türkiye
المشاركات: 39,423
إعجاب: 8,794
تلقى 15,567 إعجاب على 5,204 مشاركة
تلقى دعوات الى: 4888 موضوع
    #2  
تسلم ايدك ابو حميد حبيبي


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

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

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

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


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

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

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

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



15-06-2016, 05:25 PM
احمد5556 غير متصل
عضـو
رقم العضوية: 729423
تاريخ التسجيل: Feb 2016
المشاركات: 419
إعجاب: 97
تلقى 70 إعجاب على 56 مشاركة
تلقى دعوات الى: 1 موضوع
    #13  
ورحمه الله وبركاته ممكن شرح لbackground-imageمتحرك لعدد من الصور لخلفيه المواقع


13-06-2017, 12:04 PM
hossam asila غير متصل
عضو مميز
رقم العضوية: 886875
تاريخ التسجيل: Jan 2017
المشاركات: 344
إعجاب: 36
تلقى 28 إعجاب على 27 مشاركة
تلقى دعوات الى: 1 موضوع
    #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.
جميع ما يُطرح من مواضيع ومشاركات تعبر عن رأي كاتبها ولا تعبر عن رأي مالك الموقع أو الإدارة بأي حال من الأحوال.