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

Learn Css in Arabic #05 - Text Part 1

1052 ratings | 86481 views
Learn about text format and properties part 1 color / direction / letter-spacing / line-height / text-align
Html code for embedding videos on your blog
Text Comments (142)
Moutaz Sharaf (13 days ago)
لسة بواجه مشكلة إن الصفحة مش بتقرأ إلى بعملة على السى أس أس مع أنها كانت بتقرأها عادى لحد قبل الدرس إلى فات
ميرا احمد (1 day ago)
ممكن تكون المشكلة فى ربط ملف السى اس اس بالاتش تى ام ال
Eman Mohammed (1 month ago)
الله يجزاك الخير شرح كافي وافي
Ali Yakoub (1 month ago)
شرح مفصل وبالتفسير الممل شكرا على المجهود
البرنس M (2 months ago)
السلام عليكم ايش هو rgb وايش فايدته ؟
Elzero Web School (2 months ago)
موجود في الكورس في درس ال Background
ذات الأثر (3 months ago)
يا بشمهندس انا بستخدم ال sublime هو بيظهرلي في صفحة التصميم العربي مزبوط بس في صفحة الكود بيطلع حروف متفرقه عن بعضها اعمل ايه
Ahmd Bakri (3 months ago)
بشمهندس لو سمحت ال \link بتاع صفحة ال CSS مش شغال معايا ؟؟
Ahmed reda (3 months ago)
ربنا يوفقك
lony lia (4 months ago)
سلام عليكم انا بكتب ف div كلمه بسم الله بتيجي تحت الكلمه خطوط حمرا ودا معناه انه كدا غلط اعمل ايه بمعني ايه الحل
omar nagy (5 months ago)
بسراحه انا كنت بكره البرمجه بسبب حضرتك بقيت بعشق البرمجه ربنا يدخلك الجنه
Ahmed Abd Allatif (6 months ago)
تطبيقي بعد ماتعلمت html و الcss لغاية الدرس دة https://codepen.io/ahmed-abdo-mg/pen/dexGJo
Ahmed Abd Allatif (6 months ago)
استاذ اسامة لية لما بعمل تنسيق ل البودي في ملف لوحدة او في الستايل مش بلاقي الخلفية في صفحتي+ لية لما بعمل تنسيق ل السبان ب text-align:center مش بيجي بالنص بيفضل مكانة ياريت الرد السريع لاني بصمم صفحة ومش عارف اعمل اية فالمشكلة دية + انا لما عملت خلفية في البودي علاطول يعني <Body style"وهنا الكود">بيشتغل + وازاي احل مشكلة اللغة العربية لما بكتبها بتتعكس ومش بعرف اقراها في محرر sublime text 3
Elzero Web School (6 months ago)
الله يكرمك يارب جميل استمر وابدا نسق الاكواد وطور نفسك كل يوم متقفش ابدا
Ahmed Abd Allatif (6 months ago)
استاذ اسامة لية لما بعمل تنسيق ل البودي في ملف لوحدة او في الستايل مش بلاقي الخلفية في صفحتي+ لية لما بعمل تنسيق ل السبان ب text-align:center مش بيجي بالنص بيفضل مكانة ياريت الرد السريع لاني بصمم صفحة ومش عارف اعمل اية فالمشكلة دية + انا لما عملت خلفية في البودي علاطول يعني <Body style"وهنا الكود">بيشتغل
Ahmed Abd Allatif (6 months ago)
وازاي احل مشكلة اللغة العربية لما بكتبها بتتعكس ومش بعرف اقراها في محرر sublime text 3
Mahmoud Ahmed (8 months ago)
تطبيقي https://codepen.io/mahmoud-abo-anas/pen/geQjar
Ahmed Al.Iraqi (8 months ago)
مبدع ، بارك الله بيك
عمر عماد (9 months ago)
.
Mo Mix (10 months ago)
شكرا كتيييير ع شرح :) يا كبييير
Yara Aliaa (1 year ago)
السلام عليكم بارك الله فيك و ان شاء الله ربنا يحعله فى ميزان حسناتك يارب ممكن اسال حضرتك يعنى ايه الكود اللى حضرتك كتبته دا واسفه لو حضرتك شرحتها وانا لم انتبه <html lang="en">
Yara Aliaa (9 months ago)
+Abdel-Rahman Alkhdidi شكرا لحضرتك واهتمامك جزاك الله خيرا
Abdel-Rahman Alotibi (9 months ago)
الخاصية Lang تستخدم للاعلان عن لغة صفحة الويب، لمساعدة محركات البحث والمتصفحات. https://www.w3schools.com/tags/ref_language_codes.asp
lotfi DZ (1 year ago)
إضافة فقط لكلامك يا استاذنا الفاضل..أي واحد تعامل مع الاوفيس خاصة الوورد....راح يفهم بسوهلة اتحاه الكتابة و المحاذاة في كلتا اللغتين
Alaa ElSayed (1 year ago)
لو سمحت انا محتاجه درس المسافات ده لو حد يقدر يساعدني ويحطلي اللينك بتاعه
Red Virus (11 months ago)
https://www.youtube.com/watch?v=DpaVS1FJcgU
Suliman Algabarty (1 year ago)
الله يرفع من قدرك
Ahmed Sersawy (1 year ago)
جزاك الله خيرا
Belal Elmeligy (1 year ago)
لو سمحت يا بشمهندس سؤال : حضرتك في الدقيقة 16:23 عشان نجيب الديف على اليمين خلينا الدايريكشن للبودي rtl طب انا عاوز اخلي ديف واحد بس على اليمين علشان خاطر اعمل واحد زيه على الشمال اعمل ايه منغير مكون مضطر اشتغل في البودي نفسه بجرب اضبط الدايريكشن للديف الواحد مش بتتعمل
اضحك كركر (1 year ago)
Belal Elmeligy اعمل كلاس للديف
كن محترف (1 year ago)
بجد انت برنس وفي تقدم دائما واحلي اشتراك واحلي لايك
SIMO hani (1 year ago)
استاذ انت رائع جزاك الله خيرا
ما شاءَ اللهُ؛ جزاكَ اللهُ خيرًا أخِي أسامَة أعجَبَنِي الدَّرسُ كثيرًا، لكن وددتُ لو أنَّكَ تطرَّقتَ للكلامِ على Justify في كلامكَ على محاذاة النُّصُوص أرجُو أن تشرحَهَا، وباركَ اللهُ فيكَ تحيَّاتِي وتمنِّياتِي لكَ بالتَّوفيق أخُوكَ/ منصُور كرِيرَات
Dina Fouad (1 year ago)
ليه ال div.ar class في lesson5 خد خواص الdiv اللي اتعرف قبله . مع اني عرفته في class لوحده !!! زي الbackground مثلا !!!
Nackros Thomblo (1 year ago)
هو ايه الفرق بين <div> و <p> ? اتفرجت علي درس الhtml ومفهمتش برضو شايف ان هما الاتنين بيعملوا نفس الشغل
Nackros Thomblo (1 year ago)
شكرا جدا والله <3
Elzero Web School (1 year ago)
شوف دة https://www.youtube.com/watch?v=ovNrBWl6zdU&index=8&list=PLDoPjvoNmBAycLCqZ6Fx-FT96cRRuPiBh
Nackros Thomblo (1 year ago)
حضرتك قولت ان الcolor ملوش default طب ازاي وهو لما بتيجي تكتبه بيبقا اتوماتيك بيبقا اسود معني كدا ان هو ليه default صح ولا لا ؟ عشان مش فاهم وشكرا
Elzero Web School (1 year ago)
مفيش ديفولت في الخاصية نفسها المقصد علشان باقي الخواص بيكون ليها ديفولت لو حبيت ترجعه للاصل لكن اللون الاسود هو السائد في الويب لكن عاوز ترجعه لايه ؟ مفيش هنا انك تعمل ريسيت زي باقي الخواص في انك تسيبه اوسد او تختار لون مختلف
nasir al (1 year ago)
THANKS ALOT
mahmoud fayz (1 year ago)
ربنا يباركلك يا رب اللهم امين
Abdelrahman Mostafa (1 year ago)
جزاكم الله خيراً
ahmed yousef (1 year ago)
بش مهندس يابش مهندس ....أسأل نفسي أحيانا من أين تستمد هذه الطاقة والصبر لأنجاز ما تفعله ... تحية حب واحترام وتقدير لك
sora menak (1 year ago)
شكرا جدااااا للشرح فوق الممتاز والحمد لله قدرت بالفعل اصمم موقع ونتمنى حضرتك تنزل كورس متطور لتصميم المواقع عشان اقدر اطور من شغلي
زكريا شاهين (1 year ago)
شكرا جدا استاذ / اسامه يارب تحقق جميع احلامك يا رب
Walaa Mohamed (1 year ago)
لو سمحت انا لما باجى اعمل div وفيه مثلا عنصر p واقفلها لما احى بقى اعمل الاتجاه من اليمين للشمال لان الافتراضى عندى من الشمال فبيغيرى بس الكلام الى جوه ال div من اليمين للشمال مثل مانا عامله بس هو المفروض يغير الصندوق وشكرا اعمل ايه وارجو الرد ضرورى وشكرا مقدما
Elzero Web School (1 year ago)
معلش لو لسه عندك المشكلة اكتبي الكود هنا وفهميني codepen.io
omar eltobgy (1 year ago)
بعد اذن يابشمهندس ممكن اعرف اتواصل معاك عشان عاوز اكلم معاك عن كام حاجه
sayed ashraf (1 year ago)
https://www.facebook.com/OsElzero?fref=nf
Ahmed Fareed (1 year ago)
لو انا عايز اكتب انجليزي وعربي فى نفس السطر بيحصل مشكلة زي الي بتحصل فى الكومنتات هنا :D
Mahmoud Abdelkader (1 year ago)
ما هي hsl color
Amine Arbi (1 year ago)
جزاك الله خيرا وجعله في ميزان حسناتك
Elzero Web School (1 year ago)
وياك يارب تعيش
Yoyo Elkady (1 year ago)
.si { background-color: #1f0092; direction: rtl } في حاجه غلط في الكود؟
Abdulrahman Fawzy (1 year ago)
اتاكدي من الrelationship الا ما بين صفحة الـ HTML وملف الـStyle لو مظبوطين يبقى اكيد انت مثًلا عاملة الclass فى الdiv بطريقة خطأ. أعتقد انك كاتبة حرف الـ(s) كابتل ولا حاجة.
Yoyo Elkady (1 year ago)
مش شغال الكود
Elzero Web School (1 year ago)
لا مفيش
Nesrine IT (1 year ago)
الصراحة شفت tutorials لأجانب كثير لكن هذا الكورسبحان الله مفصّل تفصيلا كأنّهم لا يريدون أن يعطوا المعلومة كاملة جزاك الله خير الجزاء
Elzero Web School (1 year ago)
ربنا يباركلك ويسعدك الحمد لله انه نال اعجابك
mahmod kssab (2 years ago)
لو سمحت انا بكتب كل حاجه صح بس مش عايز يكتب عربي
Abdelrahman Sadek (2 years ago)
جرب كده لما تيجي تحفظ Encoding : utf-8
Elzero Web School (2 years ago)
اشوف الكود بتاعك codepen.io
ميم Teck (2 years ago)
👍 👍 👍 👍
ميم Teck (2 years ago)
بارك الله فيك على الشرح الرائع
oussama marr (2 years ago)
جزاك الله خيرااا ،والله يسؤ لك ممكن تساعدني في إيجاد رابط مباشر لتحميل الفوتوشوب ؟؟ بارك الله فيك
ممكن اللينك
esraa fayez (2 years ago)
فى اكاديميه الحلوانى ممكن تنزل عليها اى برنامج خاص بالجرافك
oussama marr (2 years ago)
+Elzero Web School لا عليك ومشكور كثيراا
Elzero Web School (2 years ago)
وياك يارب للاسف معنديش
maryam alaa (2 years ago)
لو سمحت أنا كتبت الكود صح وكود الترميز وبرضو مش راضي يكتب عربي خدت كود من " w3schools " و جربتو عالويب سايت كان شغال اما خددتو كوبي بيست علي كومودو مشتغلش كدة فين المشكلة ؟
Mohamed ALsaeed (1 year ago)
1- يستحسن تستعمل browser زي chromمثلاً 2-يستحسن تستعمل برنامج محرر كويس زي Bracktes 3-لو مفيش امكانيه تعمل الحجات دي اكتب الكود ده في الـhead >>> <meta charset="utf-8">
Fifth Glory (2 years ago)
ممكن الفرجن اللي بتستعملها مبتدعمش عربي أنصحك تجرب براكتس محرر يدعم عربي
ELGENIAS ABDO (2 years ago)
ماشاء الله شرح فوق الخيال
Princess Jasmine (2 years ago)
شكرا جدااااااا
Rehab Mohammad (2 years ago)
لوسمحت انا التنسيق مش بيشتغل لو كان معمول فى ملف خارجى مش عارفة اكتشف الغلط فين <link ref="stylesheet" href="main.css"/> وملف التنسيق الخارجى اسمه main.css والاتنين فى نفس الفولدر فى حاجة ناقصة كده ؟
Elzero Web School (2 years ago)
افتحي الكونسول الخاص بالمتصفح وشوفي فيه اخطاء ولالا
Rehab Mohammad (2 years ago)
لا انا كاتبها rel صح اتلغبطت وانا بكتب الكومنت بس ومش بيشتغل برده ؟
Elzero Web School (2 years ago)
<link rel="stylesheet" href="main.css"/> rel From relationship not ref
AndroidGameStation (2 years ago)
انتي كاتبة ref ..ده غلط....المفروض تكتبيها rel
Osama Talaat (2 years ago)
ال direction default بيتحدد على حسب الصفحة لو الصفحة LTR بيبقى direction default هو LTR والعكس طيب احنا بنحدد الصفحة من الأساس LTR أو RTL إزاي
Elzero Web School (2 years ago)
القيمة الافتراضية اكيد LTR انت عاوز تغير الاتجاه بتستعمل Body or HTML RTL
persport (2 years ago)
انك تكتب في ملف الcss في تاج body direction: ltr or rtl
mehdi abdo (2 years ago)
شفت يا أستاذ أسامة ال ; دي بتدوخ لحد ما تعرف هي ايه مثلا في إضافة ال مارجن قعدت تستعبط XD
Elzero Web School (2 years ago)
:D العلامات الصغيرة دي كابوس خصوصا لو انت مركز
Yellow Flower (2 years ago)
" لو ال line height 50 px " لو قلتله 200% يبقى 100 px " معلش مش واضحالي الجملة اللي حضرتك قلتها في الفيديو
Elzero Web School (2 years ago)
شوفي line-height: 50px لو قولتلوا 100% = 50px 200% = 100px
PK CJ (2 years ago)
بارك الله فيك
mehdi abdo (2 years ago)
أرجو حذف الصورة الشخصية لانها بتدل على قرني الشيطان !!!
osama elazab (2 years ago)
يعنى معنى كده ان الline-height زى الpadding-bittom ?
Elzero Web School (2 years ago)
لا متقيسهاش كدة هما مختلفين
Ahmed Atia (2 years ago)
حضرتك انا لمـا بكتب عربي مش بيوافق وبتقلب لـ علامات استفهام ايه السبب ؟
Abdelrahman Sadek (2 years ago)
لو شغال notepad لو مظبطتش معاك افتح save as endcoding : utf-8
Elzero Web School (2 years ago)
لازم الصفحة يكون ترميزها UTF-8 اكتب الكود دة في وسم الهيد <meta charset="utf-8" />
Khaled Fadl (2 years ago)
لو سمحت هو اية الفريقبين الديف و البراجراف علشان مش قادر افرق بينهم ؟ <Div> <P>
Elzero Web School (2 years ago)
اتفضل بالتفصيل الممل https://www.youtube.com/watch?v=ovNrBWl6zdU
السلام عليكم أخى الكريم أسامة أنا أنهية لغة Html و فى هذا الدرس فى Css و هذا الموقع من تصميمى إنه أقل من مبتدى لكن ما رأيك فى مستوى ..... https://jsfiddle.net/first1web/jbf7nw01/5/embedded/result/
Haidar .H.Farman (1 month ago)
عمل رائع يا محمد : )
Haidar .H.Farman (1 month ago)
+Ahmed Alkheder عليك أن تملك استضافة كي ترفع موقعك : )
Mahmoud Ahmed (8 months ago)
يمكن رفع الصفحات من خلال انشاء حساب مجاني في https://codepen.io/pen/
Ahmed Alkheder (1 year ago)
ارسلت لك على الفيسبوك
sohib bhgat (1 year ago)
كلمني خاص على فيس بوك sohib.bhgat
محمد محمد (2 years ago)
ممكن اعرف حضرتك اتعلمت لغات البرمجة والتصميم ازاي وما هي مصادر حضرتك وازاي احترفت اللغات وشكرا جدا لحضرتك علي الشرح
Ammar 3d designer (2 years ago)
السلام عليكم شرحك رائع اذا ممكن سؤال ما هي بيئة البرمجة التي تعمل عليها وهل هي موحدة للـ html , java , php وباقي اللغات التي تعمل عليها وشكرا جزيلا لك وجعله الله في ميزان حسناتك
Elzero Web School (2 years ago)
لو تقصد انا ؟ PHP, MySQL, Js, Ajax, Python Html, Css, jQuery
Em An (2 years ago)
كنت ببحث عن حل لقيته عند الدقيقه 17:00 اخيراا Thanks So Much
Nightcore Dream (7 months ago)
ليه بلاقيكي فكل مكان ._.
Em An (2 years ago)
بارك الله فيك
saif (2 years ago)
شرحك ممتاز جدا ماشاء الله اول مرة اشوف شرح عربي بهذا المستوى بارك الله فيك لو يكون في وصف الفديو كتابة مختصرة عن الـ syntax المستخدمة في الفديو مع قيمها عشان يكون اسهل لو نسيت شيء واجي اتأكد اشوفها من الوصف بدال ما انتظر المقطع
Elzero Web School (2 years ago)
+saif الله يكرمك يارب و يسعدك تعيش يارب و جزاك الله كل خير ان شاء الله الكورسات الجديدة بدانا نعدل نظام الفيديوهات فيها بالطلبات الخاصة بالاعضاء الكرام
hossam hassan (2 years ago)
جزاك الله كل خير ^_^
abdelsmy3 oun (2 years ago)
بارك الله فيك وجزاك الله خيرا
Yasser Al-dhelee (2 years ago)
ربي يسعدك شرح ممتاز وحميل ، انا مبرمج سابق تركت البرمجة من ثلاث سنين الآن رجعت من الصفر وبدأت معاك من الـ css وبواصل ان شاء الله جميع شروحاتك لين الاحتراف ، ربي يقويك
Elzero Web School (2 years ago)
+Yasser Al-dhelee الله يكرمك يارب و يسعدك و مرحب بعودتك اخي الغالي
Waleed Wagdy (2 years ago)
بارك الله فيك وجزاك الله خيرا.....أنت مبهر فعلا .. أسلوب شرح فوق الممتاز ومتمكن جدا جدا .. وسلس جدا... بارك الله فيك
Elzero Web School (2 years ago)
+Waleed Wagdy الله يسعدك يارب و يكرمك جزاك الله كل خير
Elzero Web School (2 years ago)
+Waleed Wagdy الله يسعدك يارب و يكرمك جزاك الله كل خير
انور خطيب (3 years ago)
السلام عليكم انا عندي مشكلة لما اكتب عربي يضهر رموز غير مفهومة على الصفحة ما هو الحل
Osama Alakhdar (3 years ago)
+‫انور خطيب‬‎ أكتب الوسم ده في وسم الهيد </"8 -meta charset="UTF>
Amal AM (3 years ago)
السلام عليكم انا عندي سؤال استاذ اسامة ليش لما حطيت الدايركشن في الbody من اليمين لليسار كل شي راح اتجاه اليمين بعدها لما غيرت الdiv خليت الدايركشن من اليسار لليمين اتغير بس النص والخلفيه ال background م اتغيرت لساتها باتجاه اليمين مع انه انت غيرت اتجاه الdiv 😕 وشكرا ..
OsToRa De (2 years ago)
ممكن الكود؟ css
Amr Hendawy (3 years ago)
سؤال كنت عايز اتاكد منه القوسين لو طبقتهم على الكلام العربى مش بيبوظوا زى الأجنبى حتى لو كان القوسين مكتوبين والخط عربى  اشمعنا بقى  وشكراً لحضرتك يا أستاذ اسامة
Elzero Web School (3 years ago)
+pop3 gretful علشان اتجاه الكتابة لما تدخل في كورس الهتمل 5 هتتعلم ميزة اسمها Bdi هتحللك المشكلة دي
Amr Hendawy (3 years ago)
السلام عليكم أتاذ أسامة  بالنسبة لكود  margin:11px 0;              d الزيرو الاخيره دى عشان تعمل فاصل طب المتغيرات بتاعة الرقم ده الصفر فقط ولا ميرجن بأبعاء غير الأفتراضى  الحرف d ده عشان بس اضبط الكود فى الرد    شكرأ على المجهود المشع اللى حضرتك بتعمله
Amr Hendawy (2 years ago)
+Abdo Tantawy شكراً ليك جدا على ردك
Mr photoshop (2 years ago)
الصفر هية قيمة default
Elzero Web School (3 years ago)
+pop3 gretful لو انت قولتلوا margin: 11px بس ؟ معناها margin: 11px 11px 11px 11px يعني هيدي القيمة لكل الاتجاهات لكن margin:11px 0 معناها margin: 11px 0 11px 0 و بكدة انت بتحدد الاتجاه الي انت مش عاوز فيه هوامش وب تخليها صفر و الاوتو نفس الموضوع لو انت عندك ديف عرضه ٥٠٠ بيكسل و الاب اللي هو فيه عرضه الف و قولتلوا margin: 20px auto معناها margin: 20px auto 20px auto يعني بتقولوا الهامش من فوق عشرين و من اليمين و الشمال اوتوماتيك يعني ياخد من المساحة اوتوماتيك و بكدة بيوسط العنصر يعني بيعمل مارجين من اليمين ٢٥٠ و الشمال ٢٥٠ و هو نفسه ٥٠٠ و هد دي مساحة الاب كاملة
Amr Hendawy (3 years ago)
+Elzero Web School دلوقتى المارجن 11 بكسل طب إيه لازمة الصفر أو الأوتو الخ وشكراً ليك
Elzero Web School (3 years ago)
+pop3 gretful اسف جدا على التاخير الكومنت مجاليش رساله بيه و لسه شايفه في القناه المارجين 11px 0 = 11px 0 11px 0 و صفر معاناها ميكونش في هامش من اليمين ولا الشمال و 11 دي هتكون من فوق و تحت دة معنى الكود
Hegazy Ahmed (3 years ago)
ربنا يكرمك يا هندسة بجد مجهود جبار ربنا يكرمك 
وليد بن احمد (3 years ago)
انا عاوز اعرف ازاى اكتب عربى ف موقعى ؟؟  لما بكتب عربى بيبان حاجات غريبة مش حروف عربى ؟ 
Elzero Web School (3 years ago)
+walid ahmed الله يوفقك يارب :)
وليد بن احمد (3 years ago)
ماكنتش مغير الترميز :)  شكرآ يا باشمهندس :) :) 
وليد بن احمد (3 years ago)
منا كاتب ف الهيد الكود دة وصح وبرضة بيجبلى حاجات كدة ☻☻☻☻☻☻☻
Elzero Web School (3 years ago)
استعمل محرر جاهز يخليك متتعبش نفسك في تغيير ترميز الصفحة زي مثلا  Brackets اما لو بتستعمل Komodo هتلاقي في اسفل الصفحة اللي بتكود فيها كلمة Html و جمبها ترميز cp مثلا دوس عليه و اختار UTF-8 و في الصفحة نفسها داخل وسم الهيد حط الميتا دي  <meta charset="UTF-8"> و بس 
r1z (4 years ago)
ممتاز بارك الله فيك
Elzero Web School (4 years ago)
الله يبارك في عمرك 

Would you like to comment?

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