KZhead

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

Elzero Web School
2021 ж. 15 Ақп.
183 995 Рет қаралды
Жүктеу

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

Пікірлер

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

    @MajdyCalisthenics@MajdyCalisthenics2 жыл бұрын

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

    @mohammedjneed7210@mohammedjneed72103 жыл бұрын

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

    @tradinglibrarystation@tradinglibrarystation Жыл бұрын

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

    @ahmedm6644@ahmedm66443 жыл бұрын

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

    @abdelmaleklaib9008@abdelmaleklaib9008 Жыл бұрын

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

    @abdelghafourelgharbaoui3886@abdelghafourelgharbaoui38863 жыл бұрын

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

      @Ali_abbas1997@Ali_abbas19973 жыл бұрын

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

      @abdelghafourelgharbaoui3886@abdelghafourelgharbaoui38863 жыл бұрын

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

    @riyadfacebook@riyadfacebook3 жыл бұрын

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

    @TheMaster201989@TheMaster201989 Жыл бұрын

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

    @som3ah0@som3ah02 жыл бұрын

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

    @Ahmad_4s@Ahmad_4s2 жыл бұрын

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

    @mohammedhero6933@mohammedhero6933 Жыл бұрын

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

    @user-jo1fn2te2l@user-jo1fn2te2l3 жыл бұрын

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

    @Sunflower-bl5hh@Sunflower-bl5hh2 жыл бұрын

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

    @omartabaa1046@omartabaa10462 жыл бұрын

  • Thank you for the contents. One of the best 👌

    @HMO-hakimi@HMO-hakimi3 жыл бұрын

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

    @user-gg2jl2fp2p@user-gg2jl2fp2p9 ай бұрын

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

    @HocineFerradj@HocineFerradj2 жыл бұрын

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

    @malekalganadi1712@malekalganadi17123 жыл бұрын

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

    @mustafasharqawi2465@mustafasharqawi24652 жыл бұрын

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

    @muhammadsamir7683@muhammadsamir76832 жыл бұрын

  • what a video , great explanation and info, well done

    @chef_david1@chef_david1 Жыл бұрын

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

    @chikhouladlaid274@chikhouladlaid274 Жыл бұрын

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

    @firaskafaween8475@firaskafaween8475 Жыл бұрын

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

    @hussainmahmoud98@hussainmahmoud98 Жыл бұрын

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

    @ssikarim@ssikarim3 жыл бұрын

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

    @Million_Stories@Million_Stories3 жыл бұрын

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

    @yamaninho3688@yamaninho36882 жыл бұрын

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

    @nermeenaliabdelhakeem422@nermeenaliabdelhakeem4223 жыл бұрын

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

    @user-qu9sk7ww7w@user-qu9sk7ww7w2 жыл бұрын

  • بارك الله فيك

    @kintag4459@kintag44593 жыл бұрын

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

    @user-be8mg8zn7l@user-be8mg8zn7l2 ай бұрын

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

    @shark1153@shark11532 жыл бұрын

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

    @user-yf7gs6qm4l@user-yf7gs6qm4l2 жыл бұрын

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

    @sehamfathi7591@sehamfathi75912 жыл бұрын

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

    @awabahmed217@awabahmed217 Жыл бұрын

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

    @Alsa971@Alsa9712 жыл бұрын

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

    @hamudehgharaibeh6558@hamudehgharaibeh65583 жыл бұрын

  • رهييييييب❤

    @zafershoaybi@zafershoaybi8 ай бұрын

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

    @muhandabd1176@muhandabd11763 жыл бұрын

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

    @ezzaddeenahmed5941@ezzaddeenahmed5941 Жыл бұрын

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

    @hanygamal202@hanygamal2023 жыл бұрын

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

    @mahmoudabdelslam3025@mahmoudabdelslam30258 ай бұрын

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

    @al_saadi@al_saadi2 жыл бұрын

  • Cool tutorial, thank you a lot.

    @hamzaerrechydy5427@hamzaerrechydy54272 жыл бұрын

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

    @HebatElNiel@HebatElNiel Жыл бұрын

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

    @hodanabeel9613@hodanabeel9613 Жыл бұрын

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

    @VEGAoriginal@VEGAoriginal4 ай бұрын

  • شكرا 🤍.

    @ahmadbenchakhtir5787@ahmadbenchakhtir5787 Жыл бұрын

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

    @Matawfik@Matawfik10 күн бұрын

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

    @Ali_SA4949@Ali_SA49493 жыл бұрын

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

    @Akwaad@Akwaad3 жыл бұрын

  • شكرااا

    @omarhm2563@omarhm25633 жыл бұрын

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

    @user-fl5cm9cy5l@user-fl5cm9cy5l3 жыл бұрын

  • The best ever 💖💖💖💖

    @mahmooudsalah4344@mahmooudsalah43443 жыл бұрын

  • Thank You So Much💖💖💖

    @user-ud8jf1du1c@user-ud8jf1du1c2 жыл бұрын

  • روعة تسلم

    @pepomow@pepomow Жыл бұрын

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

    @malekalganadi1712@malekalganadi17123 жыл бұрын

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

    @mohamedibr752@mohamedibr7522 жыл бұрын

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

    @user-be8mg8zn7l@user-be8mg8zn7l2 ай бұрын

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

    @omarshetewi867@omarshetewi867 Жыл бұрын

  • the special one

    @bcadem9668@bcadem96682 жыл бұрын

  • thanks

    @user-vz5tj6hk5q@user-vz5tj6hk5q3 жыл бұрын

  • Mabrouk

    @C.Med369@C.Med369 Жыл бұрын

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

    @user-vu5ke6ws7f@user-vu5ke6ws7f2 жыл бұрын

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

    @balenhasib5990@balenhasib5990 Жыл бұрын

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

    @abdokhaled4107@abdokhaled41073 жыл бұрын

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

      @DarkCode-mk6zp@DarkCode-mk6zp3 жыл бұрын

    • تمام

      @abdokhaled4107@abdokhaled41073 жыл бұрын

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

    @rodwangd2683@rodwangd26832 жыл бұрын

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

    @osamafayed8510@osamafayed85102 жыл бұрын

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

      @TheRanamaro@TheRanamaro2 жыл бұрын

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

      @mohamdzezohashim7662@mohamdzezohashim76622 жыл бұрын

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

    @oumar.hocein@oumar.hocein2 жыл бұрын

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

    @hasanh.5267@hasanh.52673 жыл бұрын

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

    @midouu38@midouu382 жыл бұрын

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

    @emadsalvatore1844@emadsalvatore1844 Жыл бұрын

  • 🔥🔥🔥🔥🔥🔥🔥🔥🔥

    @seahmadnailal-darabi8985@seahmadnailal-darabi89853 ай бұрын

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

    @mouazuzghatly8209@mouazuzghatly8209 Жыл бұрын

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

    @mahmoud100084@mahmoud1000842 жыл бұрын

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

    @wal0054@wal00542 жыл бұрын

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

      @TheRanamaro@TheRanamaro2 жыл бұрын

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

    @slahomar1497@slahomar14973 жыл бұрын

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

      @saadelkammah5497@saadelkammah54973 жыл бұрын

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

      @hamadakamal3881@hamadakamal38813 жыл бұрын

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

    @AhmedMahmoudMMD@AhmedMahmoudMMD4 ай бұрын

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

    @mahmoudelashargy1216@mahmoudelashargy12163 жыл бұрын

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

      @easy6007@easy60073 жыл бұрын

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

    @Yanbu_albasatin@Yanbu_albasatin9 ай бұрын

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

    @alisaber9406@alisaber9406 Жыл бұрын

  • عادي لو فتحت صفحه الويب علي الموبايل

    @mariamohamed7261@mariamohamed72612 жыл бұрын

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

    @halamary2642@halamary26423 жыл бұрын

    • pseudo classes/elements

      @wailbouhadda6909@wailbouhadda69092 жыл бұрын

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

    @saraibrahim116@saraibrahim1163 жыл бұрын

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

      @TheRanamaro@TheRanamaro2 жыл бұрын

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

    @morocco3015@morocco30152 жыл бұрын

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

      @Mahmoud_Nabil_2003@Mahmoud_Nabil_20032 жыл бұрын

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

    @z1adfps297@z1adfps297 Жыл бұрын

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

    @amineelammari8690@amineelammari86902 жыл бұрын

    • راجع درس float

      @midouu38@midouu382 жыл бұрын

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

      @bassemyouzi4315@bassemyouzi4315 Жыл бұрын

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

      @ahmedmahmoudhindawy2767@ahmedmahmoudhindawy2767 Жыл бұрын

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

    @Hussein....@Hussein....5 ай бұрын

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

    @mimoauamy7958@mimoauamy79582 жыл бұрын

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

    @sissteimportsahel3559@sissteimportsahel3559 Жыл бұрын

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

    @Feel_official_Channel@Feel_official_Channel3 жыл бұрын

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

    @g3rges@g3rges Жыл бұрын

  • هو لى كاتب float !!

    @user-ts9gx5zi9f@user-ts9gx5zi9f8 ай бұрын

  • ❣❣❣❣❣❣

    @MostafaAhmed-qh9ip@MostafaAhmed-qh9ip2 жыл бұрын

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

    @MsAmenoo@MsAmenoo Жыл бұрын

  • سؤال من فضلكم بسودو المنت لا يقبل مني height or width

    @esbaitima72@esbaitima723 жыл бұрын

    • ايوه صح وفيه حجات تانيه كتير جدا مش بيقبلها

      @TheRanamaro@TheRanamaro2 жыл бұрын

    • ​@@TheRanamaro طيب في التكليف الثالث كيف ممكن اطلع نفس الشكل هاذا 0:36 مع الاختلاف طبعا في المطلوب ممكن رد و تنقذني

      @pmp-qs7ud@pmp-qs7ud9 ай бұрын

  • 😘😘😘😘

    @sihamlairedj1128@sihamlairedj112811 ай бұрын

  • حركة span ماطلعتش معي رغم اني عملت مثلك

    @dounia149@dounia1492 жыл бұрын

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

    @Scisaga2005@Scisaga20052 жыл бұрын

  • ازاى الاب relative واللى جواه absolute وبيخرج بره ويظهر؟؟؟

    @hamadakamal3881@hamadakamal38813 жыл бұрын

    • مديله قيمه ب السالب

      @mohamedalaa5469@mohamedalaa54693 жыл бұрын

    • بتحط relative عشان يبقى هو الاب مش ال body يعني بتحركه وفقا للأب يعني كنت بتيجي تحركه وفقا للbody كنت بتكتب في الكود نفسه absolute على طول كأن ال body مكتوب فيه تلقائي position : relative; فلازم تحدد الاب التاني بتاعه على حسب ال element بتاعك فهتكتب ;position : relative

      @agent-px4ln@agent-px4ln2 жыл бұрын
KZhead