Learn CSS In Arabic 2021 - #36 - Pseudo Elements - Before, After, Content

Подписаться 1,5 млн

Просмотров 197 тыс.

50% 1

Pseudo Elements - Before, After, Content
Code & Notice:
elzero.org/cat...
Assignments:
elzero.org/cat...
=============================
Support Me on Patreon to Help me Create More Videos
/ osamaelzero
I will be Very Happy if you Support my Channel.
elzero.org/supp...
Join Our Facebook Group:
/ elzerowebschool
Follow My Facebook Profile:
/ oselzero
Like Facebook Page:
/ elzerowebschool
Follow Me On Twitter:
/ osama_elzero

Опубликовано:

7 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 165

@MajdyCalisthenics 2 года назад

الشغف و حبك لهذا المجال هو سر ابداعك و خصوصاً الكلمات التي تستخدمها للتعبير عن المشاعر مثل كلمة ده شيء عظيم و مُفرح . كتير مبسوط اني متابع معك بدايةً من ال HTML الى الآن. تحية من صديقك مجدي من الاراضي النمساوية

@mohammedjneed7210 3 года назад

جزاك الله ألف خير , 20 رمضان 2021 سوف اختصك بالدعاء دائماً لأنك أخ فاضل , تبذل جهداً عظيماً , أسأل الله أن يرزقك الفردوس الأعلى من الجنة

@abdelmaleklaib9008 2 года назад

صراحة هذا الأستاذ عبقري و طريقة شرحه مثل طريقة الفلاسفة الكبار ، أظن أنه هدية من عند الله ، ياربي إجعلها في ميزان حسناته ، بارك الله فيك 🙏🙏🙏🙏🙏🙏 17 سنة دراسة لم أرى أستاذ مثله

@tradinglibrarystation 2 года назад

أسامة بقترح عليك عمل قناة مفتوحة للنقاش على أي أبلكيشن خلقه ربنا ويكون لنا حق النقاش معك ساعة فقط في اليوم بأسلوب متحضر وبالترتيب ... والله ده حقنا عليك يا أستاذنا وشكرا على العظمة اللي الواحد بيشوفها في كل فيديو بتعمله 😂😂🙏🙏

@abdelghafourelgharbaoui3886 3 года назад

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

@Ali_abbas1997 3 года назад

ممكن تساعدني في الاسايمنت تبع السهم ؟

@abdelghafourelgharbaoui3886 3 года назад

@@Ali_abbas1997 مرحبا, ساحاول توقع مشكلتك فين اولا تحتاج حافة على اليسار ثم السهم ب after:: و توجد طريقة اخرى جميلة للسهم border: 5px solid transparent الكل مختفي في الاول ثم تلون الحافة اليمنى border-right-color: #e91e63 بعد التحريك و الطول 0 و العرض 0

@ahmedm6644 3 года назад

النقاط التي ناقشها الفيديو: ال after. و: 3:48 خاصية ال content. و: 4:57 ال before. و: 4:55

@TheMaster201989 2 года назад

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

@ritellouai6391 28 дней назад

this is seriously the best explanation I've ever heard

@Sunflower-bl5hh 2 года назад

جزاك الله خير الجزاء في رمضان 2022 شكرا على مجهوداتك لإيصال المعلومات في اجمل وأوضح شكل

@riyadfacebook 3 года назад

درس أكثر من رائع والشرح ولا اروع الله عليك وتسلم ايديك 💖

@mohammedhero6933 2 года назад

شرح تحففة تسلم ايدك أستاذ اسامة بجد pseudo elements حاجة جباره 🌹🌹

@Alsa971 2 года назад

كورسات مدفوعة ما تقدم ربع اللي يقدمه الاستاذ اسامة على قناته شكراً لك وجزاك الله خير

@ssikarim 3 года назад

شكرا لك أسامة يا غالي. الدرس صراحة ليس بسيطا ولكنه جد جد مفيد. استغرق مني وقتا طويلا و تركيزا. النتيجة ممتاااااااز. كل التقدير لجهودك .

@yamaninho3688 2 года назад

التعليق رقم ١٠٠ شكراً لك والله لولاك ما تعلمت البرمجة

@user-gg2jl2fp2p Год назад

الله يوفقك في كل حاجة انت عاوزها و ربي يدخلك الجنة جنة الفردوس الاعلى ،أخوك من الجزائر 🇩🇿🇩🇿🇩🇿

@chikhouladlaid274 Год назад

جزاك الله كل خير

@omartabaa1046 2 года назад

انت اسطورة اقسم بالله! انا قعدت اصفقلك بعد ماخلص الفيديو!!!

@som3ah0 2 года назад

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

@chef_david1 Год назад

what a video , great explanation and info, well done

@user-be8mg8zn7l 6 месяцев назад

الباقيات الصالحات : - سُبحان الله - الحَمد لله - لا إله إلّا الله - الله أكبر - أستغفِرُ الله - لا حَول ولا قوة إلا بالله - سُبحان الله وبِحمده - سُبحان الله العَظيم - اللهم صلِّ وسلم على نبينا محمد.

@abbasahmed7262 12 дней назад

جزاك الله خير الجزاء ❤

@hodanabeel9613 2 года назад

احسن حد في المجرة

@heshamelsharkawy1216 Месяц назад

جزاك الله خيراً

@malekalganadi1712 3 года назад

.9:15في هذا المكان ابداع لا يوصف عظيم يا مهندس ربنا يسعدك

@VEGAoriginal 8 месяцев назад

ملاحظة فلحثة بتاع before لما تعمل الالوان transparent لازم تعمل ل background color : transparent هي كمان لتزبط معك اذ كنت عامل لل body لون غير الابيض مثلا

@HMO_HAK 3 года назад

Thank you for the contents. One of the best 👌

@mustafasharqawi2465 3 года назад

ما شاء الله علييك محترف ❤

@Ahmad_4s 3 года назад

ربي يسعدك ويكتب اجرك وكل خير لك يارب ♥

@firaskafaween8475 Год назад

الله يعطيك لما يرضيك يا بش مهندس

@Million_Stories 3 года назад

والله زعيم ياغالي ربنا يزيدك من عمله ويوفقك تحياتي لك

@user-be8mg8zn7l 6 месяцев назад

شكرا لك على مجهودك

@Matawfik 4 месяца назад

حفظكم الله ,,,

@user-jo1fn2te2l 3 года назад

شكرا لك انا اتعلمت من حضرتك حاجات كتير جدا ربنا يسعدك ويوفقك في كل خير يا رب

@mohamedibr752 2 года назад

اللَّهُــمَّ صَلِّ وَسَـــلِّمْ وَبَارِكْ على سيدنا مُحمَّد

@omarshetewi867 Год назад

انت شرحك زي الفل بس انا قاعد قدام الفديو ده بقالي ساعه ونص ولسه فاهم فديو رقم 36 في css

@muhammadsamir7683 3 года назад

ربنا يباركلك ويجازيك خير ❤️

@omarhm2563 3 года назад

شكرااا

@HocineFerradj 3 года назад

بارك الله فيك ورزقك السعادة في الدارين....

@hussainmahmoud98 Год назад

جزاك الله كل خير يابشمهندس❤

@shark_one_plus 2 года назад

ما شاء الله الله يباركلك رائع

@ezzaddeenahmed5941 Год назад

ينصر دينك.. يازيرو

@user-yf7gs6qm4l 2 года назад

شكرا باش مهندس اسامه

@HebatElNiel 2 года назад

جميل جدا .. تسلم إيدك يارب

@mahmoudabdelslam3025 Год назад

صلوا علي نبينا محمد صلي الله عليه و سلم

@arwahammad4368 2 года назад

بارك الله فيك

@awabahmed217 Год назад

جزاك الله خير

@rodwangd2683 3 года назад

صلوا على الحبيب المصطفى صلى الله عليه وسلم

@malekalganadi1712 3 года назад

جزاك الله خيراً عظيم

@nermeenaliabdelhakeem422 3 года назад

شكرا جزاك الله خيرا ونفع بك

@user-vu5ke6ws7f 2 года назад

اللهم صل وسلم على نبينا محمد وعلى آله وصحبه أجمعين

@hanygamal202 3 года назад

الله ينور يا بشمهندس

@ahmadbenchakhtir5787 2 года назад

شكرا 🤍.

@Ali_SA4949 3 года назад

رررررررررررررررررررررررررررررررررررهيب يا استاذ... استمر

@hamudehgharaibeh6558 3 года назад

الله ينور عليك يا هندسة

@al_saadi 2 года назад

شكرا شكرا 😍 عل شرح الجميل

@osamafayed8510 3 года назад

أولا جزاك الله كل خير علي هذا المجهود مميز ثانيا كإقتراح .. ليه منستخدمش صورة للسهم المرغوب و نظبط مكانها تبقي في المكان ده متهيألي هيبقي طريق أقصر

@TheRanamaro 2 года назад

الصوره ليها حجم اكبر بكتير من الكود

@mohamdzezohashim7662 2 года назад

@@TheRanamaro لا عادي الصور SVG بيبقي حجمها صغير وهي المستخدمه في اغلب الديزاينز بس هنا البشمهندس هدفه هو انه يعلمنا ازاي نتعود نلعب بالCSS عشان نفكر بنفس الكونسبت لو فكرنا نعمل اشكال اصعب

@zafershoaybi Год назад

رهييييييب❤

@muhandabd1176 3 года назад

تحفه ....🤩🤩🤩 رهيب الدرس

@hamzaerrechydy5427 3 года назад

Cool tutorial, thank you a lot.

@user-ud8jf1du1c 2 года назад

Thank You So Much💖💖💖

@mouazuzghatly8209 Год назад

في هذه الحالة لا يمكنني اضافة اكثر من عنصرين (before و after) لكن ماذا لو أريد إضافة أشكال أكثر؟ مثلا بالإضافة للخط والسهم أريد إضافة شكل على الجانب.

@Akwaad 3 года назад

ربنا يكرمك يا رب

@user-fl5cm9cy5l 3 года назад

السلام عليكم ورحمة الله وبركاته جزاك الله خيرا ، نرجو منك اكمال كورس المتجر الالكتروني php

@oumar.hocein 2 года назад

درس معقد لكن جميل

@mahmooudsalah4344 3 года назад

The best ever 💖💖💖💖

@wal0054 3 года назад

عندي سؤال يا هندسة واولا جزاك الله خيرا ليه لما عملت السهم الاخضر بقت الباك جروند الجنبه ابيض قبل ما تحركه ليه كانت بيضة زي الي في الدقيقة 10:15 مش انت عملت البوردر شفاف يبقى لازم الباقي ياخد لون الديف الهو gray صح ولا انا غلطان ؟

@TheRanamaro 2 года назад

عشان هو واخد باك جراوند ابيض

@pepomow 2 года назад

روعة تسلم

@AhmedMahmoudMMD 8 месяцев назад

اللهم صل وسلم علي سيدنا محمد

@midouu38 2 года назад

هو ماينفعش اعمل 2 after ورا بعض يعني اكمل من after ثم اضيف after ثاني ونفس الشيء for before لان فالتكليف يوجد pipeline ثم سهم ثم data-person

@munchenanas6541 2 месяца назад

وقت سويت الخط الاخضر ب span ما قدرت اشوفه لانن سويت ال right -5 لان parent {overflow:hidden}

@mahmoudelashargy1216 3 года назад

بعد اذن حضرتك كنت عاوز اتعلم برمجه من الصفر اي المطلوب او اتعلم ازاى؟

@easy6007 3 года назад

اول لغة لازم تتعلمها html وتبني عليها Css دي البداية

@bcadem9668 3 года назад

the special one

@esbaitima72 3 года назад

thanks

@slahomar1497 3 года назад

في دقيقة 2:29 كيف يمكن ان يخرج span عن الأب الذ هو one الأب / relative span / absolute

@saadelkammah5497 3 года назад

لانه اعطي قيم بالسالب

@hamadakamal3881 3 года назад

@@saadelkammah5497 طيب انا حاولت لما جيت اعمل السهم المربع الاحمر مكنش بيخرج بره ولو اديت قيم سالبه كان بيختفى لانه مينفعش يخرج بره الاب ويظهر

@mahmoud100084 2 года назад

ليه البوزيشن لازم يكون absolute ,ليه ماينفعشى يكون relative

@balenhasib5990 Год назад

جزاك الله خيرا. بس ليش كتبنا overflow: hidden?

@halamary2642 3 года назад

استاذ من بعد اذنك التكلييف 34_37 كيف بدنا نحلو بدون مانحط class ارجو الرد السريع

@wailbouhadda6909 3 года назад

pseudo classes/elements

@sissteimportsahel3559 Год назад

code arrow ===>(content: "\25c0";)

@Pro-sj1kh 15 дней назад

6:41 ليه لو استخدمت ال margin-bottom:10px مش هيتحرك ؟ مش هي نفس ال margin-top:-10px?

@C.Med369 Год назад

Mabrouk

@seahmadnail 7 месяцев назад

🔥🔥🔥🔥🔥🔥🔥🔥🔥

@abdokhaled4107 3 года назад

شكرا على تزويدنا بمعلوماتك ممكن استفسار بعد ما اتعلمت html ,css,j.s,php اروح اتدرب فى شركه ولا محتاج حاجه تانيه

@DarkCode-mk6zp 3 года назад

شوف موقع اسامة الزيرو يمكن يفيدك في حاجة

@abdokhaled4107 3 года назад

تمام

@g3rges 2 года назад

دلوقتي يابشمهندس انا عامل ملفين واحد بتعلم عليه والتاني الحاجة اللي بلاقيها تنفع بحطها فيها كتجربة لفكرة مشروع مبتدئ بس انا لما عملت الخط بالطريقتين كان شغال ف النسخة اللي بتعلم عليها والنسخة التانية اللي بجرب فيها عملي مش شغالة كويس طالعة خط مستقيم

@TrabzonPalaces Год назад

الأحرف الكبيرة اللي عاليسار ما زبطت معي، أول حرف هو الوحيد اللي صار والبقية كلها ملتصقة على ال div اللي قبله من جهة اليمين هل في أحد يعرف وين موقع الخطإ ؟؟

@MohamedAlizsc 14 дней назад

أكيد في حاجة غلط في الPosition وال float لأنهم هم أساس الشكل دا خد بالك من امتى تحط Relative و Absolute

@HamzaMuhammd 4 месяца назад

يا شباب اللى فاهم حتة ازاى اخلى السهم فى النص بالظبط يشرحهاللى

@salehdz3399 3 года назад

ليش ما نعطيولو border _rghit وخلصنا

@loontgb3711 3 года назад

شوف هياا بيفور و الافتر فايدتهم يختاصروولك بلااست مااتمشي دير سبام ودزيد عنصر فل اش تي ام ال دي طويلا .. ليخير تمشي دزيدوا ديراكت من السي اس اس وتقولو افتر ولا بيفور للعنصر الي باغي دزيد عليه تأتير من صفحة وهد الخصيتين مايأتروش على عناصر الصفح خاطش وهميين ..الله يوفقك

@saraibrahim116 3 года назад

يعنى ننسا ال span و الافضل نعمل كل حاجة بى ال before و after

@TheRanamaro 2 года назад

هو هنا استخدم البي فور وال افتر عشان يعمل شكل اما ال سبان ليها استخدامها اننا نكتب فيها كلمه او كلمتين وتاخد تنسيق مختلف فلأه طبعا ال span مهمه جدا وهنستخدمها دايما

@alisaber9406 2 года назад

طب يعنى موضوع السهم ده مش ممكن يتعمل برمز يونيكود فى فى الكونتنت وخلاص؟

@Feel_official_Channel 3 года назад

الالوان الفظيعة ديه

@Orca_Talk 3 года назад

استاذ انا لن استطع انهاء التكليفين الاخيرات ممكن الحل الخاص فيهن

@Hussein.... 9 месяцев назад

لو ممكن ... مرة نشرت فيديو على قناة elzero tube كنت بتحكي فيه انه كان في شخص عندك بيحط نغمات رنين mp3 وما كان يقول لحد على الطريقة لو ممكن حد يذكرني باسم الفيديو عشان تعرضت لنفس الموقف تقريبا اعتذر على التعليق اللي في غير مكانه

@MsAmenoo Год назад

ما بدهاش تزبط معي نهائيا الbefor و after

@VCHub2005 2 года назад

مشقادر افهم استخدام ال before , after بردو

@emadsalvatore1844 2 года назад

السلام عليكم, التطبيقات العمليه في بلاي ليست تانيه ولا في اخر الكورس دا؟

@z1adahmed Год назад

هو انا مش ممكن العمود ده بborder-right اسهل؟

@morocco3015 2 года назад

عندي سؤال ... لماذا داخل span لم تكتب اي شي كتب هيك بس

@Mahmoud_Nabil_2003 2 года назад

علشان يتحكم بالفراغ وميكنش جواه اي text

@amineelammari8690 3 года назад

لماذا عندما لا نضيف لل.parent => overflow : hidden التصميم لا يبقى كما كان و شكرا

@midouu38 2 года назад

راجع درس float

@bassemyouzi4315 2 года назад

ممكن تضيف clear: both للdiv parent بدلاً من overflow: hidden

@ahmedmahmoudhindawy2767 Год назад

نفس المشكلة عندي

@mimoauamy7958 2 года назад

انا عملت كل التنسيقات اللي انت عاملها لكن pseudo element اللي علي اليمين مش عايز يطلع برة مربع الديف one ودة بسبب position اللي احنا حددناه حضرتك ازاي طلعت pseudo element اللي علي اليمين برة مربع الديف ازاي يريت الاجابة