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

Learn Css in Arabic #05 - Text Part 1

981 ratings | 81206 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 (134)
البرنس M (14 days ago)
السلام عليكم ايش هو rgb وايش فايدته ؟
Elzero Web School (8 days ago)
موجود في الكورس في درس ال Background
ذات الأثر (1 month ago)
يا بشمهندس انا بستخدم ال sublime هو بيظهرلي في صفحة التصميم العربي مزبوط بس في صفحة الكود بيطلع حروف متفرقه عن بعضها اعمل ايه
Ahmd Bakri (1 month ago)
بشمهندس لو سمحت ال \link بتاع صفحة ال CSS مش شغال معايا ؟؟
Ahmed reda (1 month ago)
ربنا يوفقك
lony lia (2 months ago)
سلام عليكم انا بكتب ف div كلمه بسم الله بتيجي تحت الكلمه خطوط حمرا ودا معناه انه كدا غلط اعمل ايه بمعني ايه الحل
omar nagy (3 months ago)
بسراحه انا كنت بكره البرمجه بسبب حضرتك بقيت بعشق البرمجه ربنا يدخلك الجنه
تطبيقي للدرس : https://codepen.io/anon/pen/eKVqyM
Ahmed Abd Allatif (4 months ago)
تطبيقي بعد ماتعلمت html و الcss لغاية الدرس دة https://codepen.io/ahmed-abdo-mg/pen/dexGJo
Ahmed Abd Allatif (4 months ago)
استاذ اسامة لية لما بعمل تنسيق ل البودي في ملف لوحدة او في الستايل مش بلاقي الخلفية في صفحتي+ لية لما بعمل تنسيق ل السبان ب text-align:center مش بيجي بالنص بيفضل مكانة ياريت الرد السريع لاني بصمم صفحة ومش عارف اعمل اية فالمشكلة دية + انا لما عملت خلفية في البودي علاطول يعني <Body style"وهنا الكود">بيشتغل + وازاي احل مشكلة اللغة العربية لما بكتبها بتتعكس ومش بعرف اقراها في محرر sublime text 3
Elzero Web School (4 months ago)
الله يكرمك يارب جميل استمر وابدا نسق الاكواد وطور نفسك كل يوم متقفش ابدا
Ahmed Abd Allatif (4 months ago)
استاذ اسامة لية لما بعمل تنسيق ل البودي في ملف لوحدة او في الستايل مش بلاقي الخلفية في صفحتي+ لية لما بعمل تنسيق ل السبان ب text-align:center مش بيجي بالنص بيفضل مكانة ياريت الرد السريع لاني بصمم صفحة ومش عارف اعمل اية فالمشكلة دية + انا لما عملت خلفية في البودي علاطول يعني <Body style"وهنا الكود">بيشتغل
Ahmed Abd Allatif (4 months ago)
وازاي احل مشكلة اللغة العربية لما بكتبها بتتعكس ومش بعرف اقراها في محرر sublime text 3
Mahmoud Ahmed (6 months ago)
تطبيقي https://codepen.io/mahmoud-abo-anas/pen/geQjar
Ahmed Al.Iraqi (6 months ago)
مبدع ، بارك الله بيك
عمر عماد (7 months ago)
.
Mo Mix (8 months ago)
شكرا كتيييير ع شرح :) يا كبييير
Yara Aliaa (10 months ago)
السلام عليكم بارك الله فيك و ان شاء الله ربنا يحعله فى ميزان حسناتك يارب ممكن اسال حضرتك يعنى ايه الكود اللى حضرتك كتبته دا واسفه لو حضرتك شرحتها وانا لم انتبه <html lang="en">
Yara Aliaa (7 months ago)
+Abdel-Rahman Alkhdidi شكرا لحضرتك واهتمامك جزاك الله خيرا
Abdel-Rahman Alotibi (7 months ago)
الخاصية Lang تستخدم للاعلان عن لغة صفحة الويب، لمساعدة محركات البحث والمتصفحات. https://www.w3schools.com/tags/ref_language_codes.asp
lotfi DZ (10 months ago)
إضافة فقط لكلامك يا استاذنا الفاضل..أي واحد تعامل مع الاوفيس خاصة الوورد....راح يفهم بسوهلة اتحاه الكتابة و المحاذاة في كلتا اللغتين
Alaa ElSayed (11 months ago)
لو سمحت انا محتاجه درس المسافات ده لو حد يقدر يساعدني ويحطلي اللينك بتاعه
Red Virus (9 months ago)
https://www.youtube.com/watch?v=DpaVS1FJcgU
Suliman Algabarty (11 months ago)
الله يرفع من قدرك
Ahmed Sersawy (1 year ago)
جزاك الله خيرا
Belal Elmeligy (1 year ago)
لو سمحت يا بشمهندس سؤال : حضرتك في الدقيقة 16:23 عشان نجيب الديف على اليمين خلينا الدايريكشن للبودي rtl طب انا عاوز اخلي ديف واحد بس على اليمين علشان خاطر اعمل واحد زيه على الشمال اعمل ايه منغير مكون مضطر اشتغل في البودي نفسه بجرب اضبط الدايريكشن للديف الواحد مش بتتعمل
اضحك كركر (11 months 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 } في حاجه غلط في الكود؟
اتاكدي من ال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 (1 year ago)
لو سمحت انا بكتب كل حاجه صح بس مش عايز يكتب عربي
Abdelrahman Sadek (1 year ago)
جرب كده لما تيجي تحفظ Encoding : utf-8
Elzero Web School (1 year ago)
اشوف الكود بتاعك codepen.io
ميم Teck (1 year ago)
👍 👍 👍 👍
ميم Teck (1 year ago)
بارك الله فيك على الشرح الرائع
oussama marr (2 years ago)
جزاك الله خيرااا ،والله يسؤ لك ممكن تساعدني في إيجاد رابط مباشر لتحميل الفوتوشوب ؟؟ بارك الله فيك
ممكن اللينك
esraa fayez (1 year 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 (1 year 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 (1 year 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/
Mahmoud Ahmed (6 months ago)
يمكن رفع الصفحات من خلال انشاء حساب مجاني في https://codepen.io/pen/
Ahmed Alkheder (11 months ago)
ارسلت لك على الفيسبوك
sohib bhgat (11 months ago)
كلمني خاص على فيس بوك sohib.bhgat
Ahmed Alkheder (1 year ago)
mooor nooor كيف اقوم برفع موقعي الذي انشئته من فضلك
mooor nooor (1 year ago)
فرست ويب First Web استمر الموقع به شئ جميل
محمد محمد (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 (5 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 (1 year 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 (3 years ago)
ممتاز بارك الله فيك
Elzero Web School (3 years ago)
الله يبارك في عمرك 

Would you like to comment?

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