HomeОбразованиеRelated VideosMore From: Elzero Web School

Learn Css in Arabic #04 - Element Background

1706 ratings | 132429 views
Everything about Background property background-color background-image background-repeat background-attachment background-position
Html code for embedding videos on your blog
Text Comments (366)
RAMY ELMASRY Elbaz (1 year ago)
انت حضرتك عالمى ومش هقول اكتر من كدة ما شاء الله عليك
Elzero Web School (1 year ago)
الله يكرمك يارب ويوفقك تسلم وتعيش
ziad sami (5 days ago)
ليش لما أشيل كلمة سكرول من الكود المختصر وأكنب بدلها كلمة فيكسد وأترك البوزيشن زي ماهو عشرة وأربعين في المأئة ليه بتزل الصورة للاسفل خالص كما لو أنني عملتها لتحت تسعين مش اربعين في المائة? انا عارف ماعندكش اجابة Idon not know why when i replace the word scroll with the word fixed( in the short code) and leave the code as it is, why does the photo go so much down , as if wrote für the postion 90% instead of 40%. i know you have no answer.
W.AL-Noubani (5 days ago)
السؤال الثاني بالنسبة للكود الكامل الي تبتة في الاخير هل لهم ترتيب معين ولا مش شرط الترتيب ،،،، وافرض ماكتبتهم بالترتيب هل يوجد مشكلة لو ماكتبت خاصية منهم ولا لازم تكون جميع الخواص مكتوبة
W.AL-Noubani (5 days ago)
بارك الله فيك ،،، السؤال الأول بالنسبة للخاصية تحديد الموقع البوزيشن هل تعتمد المحاور اكس واي ام تقسم الورك فلو الى اجزاء متساوية او مربعات
Mohammed Abed (14 days ago)
الله يوفقك وجزاك الف خير يااستاذ
Ahmed Mohemed (26 days ago)
مكن شرح كيف كتابت السمى كولين اذى
Youssef Tazit (1 month ago)
الله يكرمك
Eman Sherif (1 month ago)
ماشاء الله على الشرح 😍 انا بشتغل على notpad++ .. بحثت كتير على قايمة الألوان مش لاقياها 💔 ؟؟
Faz Adam (12 days ago)
وانا كمان زبطت معاكي ولا لا؟
ismail Eltaweel (1 month ago)
ايه الدلع ده
ظافر الشعيبي (3 months ago)
رائع 🌹
B W (3 months ago)
ليه لما بعمل background-position: مابيحركش الصورة وبيتحرك جوا الصوره انت فاهمني ليه بيعمل معايه كده انا بشتغل بالvs code وغيرته ل notepad ولكن لسه بيعمل كده
ayman aql (4 months ago)
ربنا يخليك يارب شكرا وجزاك الله عنا خيرا وياريت حضرتك تعلمنا ازاي نصنع قالب
Ahmed Hussein (4 months ago)
تحياتي من السودان، تشكر على الشرح الرائع ربنا يحفظك
Asta ِAMV (4 months ago)
file:///C:/Users/dell/Desktop/%D8%AA%D8%B9%D9%84%D9%85%20html/abdo%20adly.html ازاي احولها لي https
Asta ِAMV (4 months ago)
انا عندي مشكله هي اني عملت صفحه ومش عارف ازا اخليها تنزل علي الجوجل
Haidar .H. Farman (4 months ago)
شكرا جزيلا : )
Jihad ahmad (4 months ago)
2018😊
Mohamed Abaset (5 months ago)
الصوره مش بتطهر معايا خالص
فاطمه باسم (5 months ago)
شكرا لك 😍
Nour Eddine (5 months ago)
colorzilla is an extension that give to you all codes of colors
ahmed sersawy (5 months ago)
على فكرة يا بشمهندس مع احترامي ليك بس انا جربت اللي انتا قلته في الصورة مظهرتش و كمان في كورس html نفس الكلام برده
ahmed yusef (3 months ago)
عندى نفس المشكلة
ولا لون زابط بالرغم من نفس كتبابة الكود
AukGreat (5 months ago)
انا درست css و لكن ساشاهد كل فيديوهات هذه السلسلة لانها هى الاقوى و شكرا لك لانك تقدم معلومات فى حياتى مسمعتهاش
Asim Abobakr (6 months ago)
الله اكبر علي حضرتك انا مبتدا و بتعلم من حضرتك و انا اتعلمة html و لسه بتلم من حضرتك css و انا ناوي اني اكمل و اخد كورس بجوا اني بتعلم من حضرتك و لا انت حضرتك رايك اه اكمل معا حضرتك و بعد كده انقدم للشغل و لا اتعلم في الكورس ومعا حضرتك وبعد كده اشوف وظيفه منسابه !! .... ملحوظه انا ها خش لسه كورس full stack devloper
Professional CO (6 months ago)
Gooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooood
Majd 333 (6 months ago)
مشكور استاذ اسامة لكن هل استطيع التحكم بشفافية الصورة بال background؟؟
DIAA Ahmed (6 months ago)
شكراً على شرح حضرتك انا باخدcopy لموقع الصورة على الجهاز و بكتب اسمها و بتظهر معايا
Mousa Abdelnaby Ahmed (6 months ago)
لو سمحت انا بدوس ctrl & click على اللون وبتيجي الوان تانية غير اللي بتظهر في الفيديو
Blured Tomato (7 months ago)
تستاهل مليون لايك
الخلاصة (7 months ago)
الله ينور عليك يا دكتور :)
Mohamed Shaban (7 months ago)
انا ممكن اجيب كود الالوان من متصفح جوجل بمجرد كتابه hex color زى معلمتنا فى فيديوهات اخرى
Mohamed Nabil (7 months ago)
هو لو انا غيرت مكان ملف الـ style فى نص التصميم مع تعديل المسار ميشتغلش ؟؟ مع انى كاتب الاكراد صح بس الاكواد مبتتطبقش غير لما اكتبها فى صفحة الـhtml وكنت بعد اذنك يعنى عايز اعرف الحلوشكراً
Mohamed Hassn (8 months ago)
عالمي والله يا استاذ الله يباركلك بس قبلتني مشكله مش عارف حلها ععندي صوره اكبر من الصفحه وكل ما احطها خلفيه لل body تبقا كبيره وحولت كتير عشان اظبتها مش عارف والف شكر لحضرتك
Magdy Abdelghany (8 months ago)
ازاي افتح الالوان علي brackets
Ahmed Ibrahim (5 months ago)
كليك يمين واختار Quick Edit
انا ممكن اعملك مدونة واظبتك فلوس وتديني فلوس
girgis adel (9 months ago)
حضرتك في الbackground لما احب اخلي صوره title او stretch او الكلام دا اعمله ازاي
A7la KooRa (9 months ago)
https://www.google.com.eg/search?q=color+picker&oq=color&aqs=chrome.0.69i59j69i57j69i60j69i61l2j0.4276j0j7&sourceid=chrome&ie=UTF-8
Noor maali (9 months ago)
مش طبيعي ... رهييييييب جدا انا كنت متابع دورات كثير بس معظمهم ميشرحش بالتفصيل وخاصة أمر الاولويه بال style .. تحيه كبيرة لك من الأردن <3
Chem Sh (9 months ago)
لماذا لا تظهر الصوره مع اني بكتب كل حاجه صح
Farouk Khairy (10 months ago)
لو سمحت ايه لازمة lang="en" طالما كاتبين معدل الترميز في ال head
hassna hassna (10 months ago)
رائع بكل ما تحمله الكلمة من معنى!!!!! ما شاء الله ما شاء الله ... الله يزيدك من علمه ... الله يجزيك الخير ... اعطاء رائع يفوق الوصف والله
Elzero Web School (9 months ago)
الله يكرمك يارب ويحفظك تسلمي يارب
snjg Gssf (10 months ago)
ايه البرنامج اللى بتشتغل عليه css
Professional CO (10 months ago)
حلقة قمه الروعه و احلا حاجة اتعلمتها فيها فيها الاتاتشمينت
ali gaber (10 months ago)
لمن يواجه مشكله في قيم الالوان توجد اضافة رائعه لجوجل كروم تسمى ColorZilla و هي مجانيه و بها مزايا جميلة جدا
Yazan Ibrahem (11 months ago)
رائع شرح غني ومفصل💙💙 الله يوفقك
Khalid Al Khodier (11 months ago)
السلام عليكم ,ربنا يعطيك العافية ويبارك فيك اخي الكريم, عندي سؤال: ماهو الكود يلي يكبر من حجم الصورة ويجعلها بحجم الديف؟ شكرا لك
Mahmoud Ahmed (11 months ago)
التطبيق https://codepen.io/mahmoud-abo-anas/pen/JLeKgX
chaim a ONE (11 months ago)
شكراااا يا استاذ تحية خاصة لك من الجزائر
Nenoute Med (11 months ago)
السلام عليكم شكرا بس قضية خلفية الصورة مامشت عندي ياريت توضيح اكثر
Wafaa Safia (1 year ago)
كيف فيني غير بالكود من الكروم ..هي النافذة تحت كيف بطالعا ؟؟
Mamoun Adil (1 year ago)
جزاك الله خيراً على ما تقدمه لنا
Mamoun Adil (1 year ago)
أفضل قناة في الوطن العربي ، أفضل قناة تعلمتها منها على الإطلاق على مدار سنتين ، وأنا سعيد جداً أني من أسرة الزيرو ويب إسكول
وفقك الله يا اعظم استاذ بس نفسي تشرح لغه البايثون لاني حقيقه تأصلت على شرحك ولي الفخر واعتمدت اسلوبك وحاولت اتعلمها مع شراح اخرين حقيقه لم يصلوا لاسلوب شرح محترف مثل حضرتك اتمنى ذلك
Elzero Web School (11 months ago)
الله يكرمك يارب ويحفظك تسلمي يارب واوعدك باذن الله حاضر
dina adel (1 year ago)
الصورة مبتتقراش عندي خالص وكاتبه مسارها صح وكل حاجة ممكن يكون يه السبب ؟؟
dina adel (1 year ago)
مع اني حذه الصوره جوه نفس الفولدر وجربت احذه بالمسار كامل برده مش باين وده اللي ذلعلي في الكونسول
dina adel (1 year ago)
GET file:///D:/Compressed/hair.gif net::ERR_FILE_NOT_FOUND
Elzero Web School (1 year ago)
افتحي الكونسول شوفي فيه اخطاء ولالا
dina adel (1 year ago)
الصورة مبتتقراش عندي خالص وكاتبه مسارها صح وكل حاجة ممكن يكون يه السبب ؟؟
سلمى شحاته (1 year ago)
عاوزة اصغر الصورة علشان اعرف اشوف عليها التعديلات اللى حضرتك عاملها يا بشمهندس ازاى اصغرها
Ghada Swelam (1 year ago)
حضرتك انا بضغط ctrl على komodo و برده الالوان مبتظهرش ليه
سلمى شحاته (1 year ago)
كود الصورة مش شغال معايا مش فاهمة ايه السبب تقريبامش قارى اللينك صح انا عاملة folder وحاطه فيه ملف ال css والصورة وملف الhtml
سلمى شحاته (1 year ago)
معلش سؤال هو ليه بحتاج اعمل ملف لcss مع انى ممكن اكتب الكور بتاعها بداخل ملف ال html
سلمى شحاته (1 year ago)
ماشى جزاك الله خيرا
Elzero Web School (1 year ago)
ارجعي لبداية الكورس علشان تعرفي الفرق بين الملف الخارجي والستايلات المكتوبة داخل العنصر
hamdia ibrahim (1 year ago)
بارك الله فيك
Ahmad Amayri (1 year ago)
استاذ لو سمحت احتاج اجابة على سؤالي كيف بامكاني تطبيق نفس الخاصيه على ال Text ? بقصد خاصية تحديد موقع ال Background أنا لدي Div مثلاً و اريد تحريكه ضمن هذا ال div
mohamed hamdy (1 year ago)
لو سمحت ياريت تجاوبنى : انا كل ما اعدل علي ملف الstyle واعمل ctrl + s يحفظ الملف بتاع الstyle علي سطح المكتب وهو محفوظ اصلا في فولدر تانى علي سطح المكتب فيبوظلي بقي اختيار مكان الصورة .... ازاي مخليهوش يتحفظ علي سطح المكتب لما اجي احفظ التعديل علي الملف
#Yagami For all# (1 year ago)
6:18
Esraa Makled (1 year ago)
لو سمحت انا شغاله على الnotepad مش عارفه اجيب ازاى الالوان والكود بتاعها
Elzero Web School (1 year ago)
اشتغلي على Brackets أو Atom
Zaid Safaa (1 year ago)
الله يزيد من امثالك
Abanoub Fakhery (1 year ago)
طب لو الصورة ف partition تاني ؟
Abanoub Fakhery (1 year ago)
DONE THANKS
Elzero Web School (1 year ago)
قبل مجاوبك ايه اللي يخليني احط صورة مشروع ف يمكان غير مجلد المشروع ؟
Ahmad Asom (1 year ago)
الله يوفقك يا استاذ ويبارك فيك والله ما بفهم عغيرك لانك مبدع
Hiden Weapon (1 year ago)
i am doing as you do but i cant do it there no image if you can help me replay fast
Hebat El Niel (1 year ago)
أنا كنت مدمنة Dreamweaver لكن بعد كلامك ده هحاول اتخلص منه تدريجيا
Hebat El Niel (1 year ago)
بدأت أستخدم Bracktes إيدي تقيلة شوية فيه بس أكيد مع الوقت ده هيتغير
Elzero Web School (1 year ago)
هتشوفي الفرق والاحتراف لما تروحي لمحرر تاني
Tarek Amer (1 year ago)
الكود المختصر لا يعمل معي background:rgb(100.50.28) url('heba.jpg') no-repeat scroll 50% 50% ;
bilal BOUASRIA (1 year ago)
جزاك الله خيرا على مجهودك
ADEL KR (1 year ago)
الف مليون شكر يا عالمى و ربنا يجازيك عنا خيررررررررر ^_^
Elzero Web School (1 year ago)
الله يكرمك يارب تسلملي يارب
يابشمهندش عندى folder واحد فيه صفحه HTML وcss والصوره وبعمل background _image :url )"الاسم"(; ومبتظهرش
aboemad (1 year ago)
استااااااااااااااذ
إيه فائدة الـbackground-attachment لإني لم أفهم
Mahmoud Ahmed (11 months ago)
فائدة الـbackground-attachment ان يجعل الصوره التي في الخلفيه ثابته fixed او متحركه scroll مع الموقع
جزاكم الله خيرا م.اسامة ع مجهوداتك العظيمة سؤال بالنسبة لخاصية repeat.. هل ممكن ال- فيrepeat-x نفترض انها minus بما ان التكرار هيحصل بشكل افقي فقط مش رأسي وكذلك الحال في repeat-y ..بما ان التكرار هيحصل رأسي مش افقي ع اساس x بتدل ع المحور الرأسي .. وy بتدل ع المحور الافقي؟ مش عارفة انا حسيت اني ممكن انسى ففهمت نفسي بالطريقة دي!
Ahmed Gad (1 year ago)
ربنا يكرمك يابشمهندس اسامه
Khalid Moutawkil (1 year ago)
ماشاء الله
Abdelrahman Adel (1 year ago)
ربنا يباركلك بجد ايه ده بجد انا اول مره أفضل شخص عربي عن واحد اجنبي في الكورسات
Elzero Web School (1 year ago)
الله يباركلك يارب ويكرمك عشت يارب
هو ممكن أحط الصورة دي من لينك
Elzero Web School (1 year ago)
background-image: url('https://www.sololearn.com/images/tree.jpg');
Elzero Web School مش عارفة اعملو ودا الكود background-image:src="https://www.sololearn.com/images/tree.jpg" hieght="50%"width="50%"border="1px;>
Elzero Web School (1 year ago)
ايوة عادي
mohamed elbshbeshy (1 year ago)
والله انت استاذ
Elshymaa Ahmed (1 year ago)
السلام عليكم..انا بعمل ال background image ذي ما حضرتك بتفول بس مش بتظهر ابدا..احل الموضوع ده ازاى؟
Elzero Web School (1 year ago)
اشوف الكود ياريت codepen.io
Elshymaa Ahmed (1 year ago)
ولما بدور فى المتصفح بلاقى مكتوب display block
علاء محمد (1 year ago)
اولا الشرح جميل وجزاك الله خيرا ولكن الكود المجمع لا يعمل معي background:#F00000 no-repeat fixed 50% 10% url("new folder/alaa.jpg") فما الخطأ ف كتابة الكود؟؟؟؟
علاء محمد (1 year ago)
تمام حاضر بس معلش استأذنك اعد لي كتابة الكود الصحيح لاني بارغم اني استخرجت الصوره بجانب ملف المشروع الا ان مازالت المشكله قائمه ولك مني جزيل الشكر
Elzero Web School (1 year ago)
قبل مبص على الكود واتكلم في اي مشكلة لا تحاول ابدا استعمال مسافات في اسماء المجلدات مادام دخلت عالم الويب bad new folder good new_folder وبعدين لو عاوز تتعلم وتحترف صح سمي المجلد باسم المشروع وانسى نيو فولدر دي خالص
mahmoud elgendy (1 year ago)
لو عاوز اتواصل مع حضرتك دا ايميلى [email protected]
farid wassim (1 year ago)
cssبارك الله عليك ان شاء الله بفضل الله وثم بفضلك راح نتعلم
ahmed Saad (1 year ago)
انا بكتب مسار الصوره صح ومكانه بجوار الملف ال بشتغل عليه بس برده مش بتظهر
Ahmed Sersawy (1 year ago)
جزاكم الله خيرا
هوا ده اانهي اصدار من كومودو
Edo Khorshed (1 year ago)
هو الكوود المختصر لازم امشي بالترتيب ؟ يعني اللون الاول بعدها اللينك ولا مش لازم الترتيب ؟
Mamoun Adil (1 year ago)
تلوح في سمائنا دوماً نجوم برّاقه ، لا يخفت بريقها عنا لحظة واحدة، نترقّب إضاءتها بقلوب ولهانة ، ونسعد بلمعانها في سمائنا كل ساعة ، فاستحقت وبكل فخر أن يرفع اسمها في عليانا
hamdoooo (1 year ago)
هل من المعقول أن نغير إعدادات الصفحة لتناسب حجم الصورة ؟ كيف يمكن تعديل قياسيات الصورة نفسها ؟
Mohamed Osman (1 year ago)
ربنا يجعله في ميزانك ♥ 30/8/2017
Elzero Web School (1 year ago)
تسلم الله يكرمك
3mMaR (1 year ago)
شرح مبسط و رائع !! شكرا !!
قائمه الألوان في كومودو بتيجي بالضغط علي كنترول  كلك
اجيب قايمه الألوان علي كمودو اذي بعد اذن حضراتكوا
saber toukali (1 year ago)
amazing TnX
Basma Ali (1 year ago)
السلام عليكم هو ال؛ بتتحط ما بين ال property المختلفه
Ahmed Mohamed (1 year ago)
لو سمحت هو برنامج ايه اللي بيجيب الالوان دي ؟
لوسمحت قائمه الألوان علي كومودو بجبها اذي
Mahmoud Saleh (1 year ago)
komodo
احمد زكريا (1 year ago)
الله يحفظك شرح اكثرمن ممتاز.تسلم
kareem ahmed (1 year ago)
شكرا لمجهود حضرتك سوال بس بالنسبة لل width and height افرض انا عايز اللون ياخد الصفحة كاملة هديله ازاى width and height علشان ممكن واحد يكون فاتح من كومبيوتر و واحد تانى فاتح من موبايل(مع اختلاف حجم شاشات الموبايل)و نفس الكلام على الصورة ٢- ازاى اخلى الكلام ينزل تحت الصورة علشان اكيد مش هعمل br على قد الصورة

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.