CSS with Icon Fonts (Font Awesome) Tutorial in Hindi/Urdu

Поділитися
Вставка
  • Опубліковано 2 лис 2024

КОМЕНТАРІ • 113

  • @abirpaul9027
    @abirpaul9027 3 роки тому +8

    Such a blessing you are to the web development community

  • @manojjrkhiara240
    @manojjrkhiara240 3 роки тому +1

    your teaching style is very nice and accurate.
    I am 49 years old and i am learning CSS from your videos.
    Thank you so much Sir.

  • @rohit_015
    @rohit_015 3 роки тому +1

    Awesome hai Awesome font, thank you Yahoobaba's Owner.

  • @631singh
    @631singh 4 роки тому +1

    watching ur all css tutorial step by step and learning css is interesting thanku so much sir for making css series so interesting

    • @YahooBaba
      @YahooBaba  4 роки тому +1

      You are most welcome

    • @631singh
      @631singh 4 роки тому

      @@YahooBaba sir can tell kn sa projedct suru kre by using html and css website creating apke pass ho toh bataye

  • @helptechnicalpointvicky5497
    @helptechnicalpointvicky5497 5 років тому +1

    Sir I am web developer you are great teacher .Your video is very help ful for me.
    Sir aap web designing karte hai kya

    • @YahooBaba
      @YahooBaba  5 років тому

      Thanks dear .... Yes mein web designing karta hun.

    • @helptechnicalpointvicky5497
      @helptechnicalpointvicky5497 5 років тому

      @@YahooBaba sir please apna Mobile no do whatsapp wala
      Aapke CSS course ka andaaz hi alag hai

  • @naveenparjapat1136
    @naveenparjapat1136 4 роки тому +1

    Go to in your head section and paste
    Now you can easily use icons from font awesome
    (no installation required)
    Thanks😁😉

  • @bodhisattabhattacharjee3338
    @bodhisattabhattacharjee3338 3 роки тому +1

    all your videos are always to the topic I like it that way
    Thanks

  • @yashmalaviya8958
    @yashmalaviya8958 4 роки тому +1

    Good job sir

  • @poojachauhan6828
    @poojachauhan6828 3 роки тому

    superbe....thanks alot for best information

  • @danishshaikh7863
    @danishshaikh7863 2 роки тому

    Sir before after ke content me icon lga sakte hai kya

  • @04.nehalsingh12
    @04.nehalsingh12 3 роки тому

    awesome tutorial sir

  • @Meisterilyas_333
    @Meisterilyas_333 4 місяці тому

    nice sir

  • @faisalmahmood8055
    @faisalmahmood8055 2 роки тому

    very nice sir

  • @funskoolstudios108
    @funskoolstudios108 5 років тому

    Fine sir your video tutorials is awesome and helpful I am learning from your videos

  • @shadab_0706
    @shadab_0706 5 років тому +2

    great

  • @qarihanzalaofficial1342
    @qarihanzalaofficial1342 2 роки тому

    Good

  • @muhhamadusmanusmanzee6326
    @muhhamadusmanusmanzee6326 4 роки тому

    Awesome explanation

  • @amanullah6873
    @amanullah6873 4 роки тому +2

    Iam only watching and are unable to code these 3 files i.e. icon font, main css and color.css. there is no clear cut coding to show

  • @_zareditz5062
    @_zareditz5062 2 роки тому

    pls tell me what code editor are u using in this video ?

  • @webdevelopment7911
    @webdevelopment7911 4 роки тому +2

    mujhe isse before after mai use karna h kaise hooga sir

  • @mdhasiburrahmannafiz9984
    @mdhasiburrahmannafiz9984 4 роки тому +2

    Love this..... ❤

  • @mukulparcha7904
    @mukulparcha7904 3 роки тому

    Sir without font download kia bina direct hum site link lga sakte hai ??

    • @YahooBaba
      @YahooBaba  3 роки тому +1

      Yes aap CDN path ka use kar sakte hain

    • @mukulparcha7904
      @mukulparcha7904 3 роки тому

      Thankyou so much sir
      Aap please btaiyenge ki kaise karna hoga ?🙏🙏

  • @amanullah6873
    @amanullah6873 4 роки тому +1

    Hir Sir Iam watching ur lectures one by one and upto now I got almost everything but, in this lecture there is no clearcut coding and this lecture have 3 files which are difficult to code. Sir please show the codes as clear as possible.Thanks

  • @HussainBux-md9cz
    @HussainBux-md9cz Рік тому

    thanks sir.

  • @junaidiqbal7541
    @junaidiqbal7541 5 років тому +1

    sir ,ap jo font awesom ka use btate hain us me ap ne ye ni btya k cdn kese find krna hai us ka bta dein please.

    • @YahooBaba
      @YahooBaba  5 років тому

      Junaid, usmein batane wali koi baat hi nahi hai ...google pe (fontawesome cdn) search kar lo aur kisi bhi site se ja kar cdn path copy kar ke html page mein (link) tag mein paste kar do. I am sending you one link for fontawesome CDN path : www.bootstrapcdn.com/fontawesome/

  • @sarvesh8762
    @sarvesh8762 4 роки тому +1

    Thanks

  • @aakashgraphics60
    @aakashgraphics60 3 роки тому

    Sir ap a si website banana kab sika ay gay

  • @sangeetasharma4614
    @sangeetasharma4614 3 роки тому

    Sir plz make video on website designing using html css jquery. Or send me link if already made.

  • @cricketshorts6371
    @cricketshorts6371 10 місяців тому

    Sir new fontawsome ki website ka tutorial bana dona

  • @Zargar189
    @Zargar189 4 місяці тому

    Could we customise fontawsomeIcons too?

  • @salmanshahid7590
    @salmanshahid7590 2 роки тому

    Sir I'm following you step by step but my fontawesome icons are displaying as square box.

    • @YahooBaba
      @YahooBaba  2 роки тому

      You have to correct the fonts path in css file of fontawesome.

  • @Avinash.i1Brand
    @Avinash.i1Brand Рік тому

    Your tutorials are good. But seriously 18 mins for just a icon tutorial 😱😱.

  • @dharmendrasharma9317
    @dharmendrasharma9317 2 роки тому

    Helpful tutorial ❤️

    • @YahooBaba
      @YahooBaba  2 роки тому

      Glad it was helpful!

    • @nishantxyz9420
      @nishantxyz9420 2 роки тому

      @@YahooBaba Sir font-awesome icon Ki width kaise badh sakte hai aur height nhi badhani hai ???

    • @YahooBaba
      @YahooBaba  2 роки тому

      Dekhiye Icon fonts ka size badane ka sirf ek he tarika hai css ki property "font-size".

    • @nishantxyz9420
      @nishantxyz9420 2 роки тому

      @@YahooBaba Sir font size nhi badhani hai kewal width badhani hai font-icon ki ???

  • @PulkitsoftLLP
    @PulkitsoftLLP 4 роки тому +1

    How to implement with WordPress? Where to copy these in WordPress?

    • @YahooBaba
      @YahooBaba  4 роки тому

      For that you have to know THEME Development in Wordpress. We do all Html, CSS and Images work in Themes

  • @gamersylum3674
    @gamersylum3674 4 роки тому +1

    hi sir ! actually i m just getting the black box instead of my twitter and facebook links.
    pls can you reply?

    • @YahooBaba
      @YahooBaba  4 роки тому

      Because your fonts path is not correct in fontawesome.css file.

    • @gamersylum3674
      @gamersylum3674 4 роки тому

      @@YahooBaba thanks for answer.
      Now it's done.

    • @YogeshSharma-hw9wu
      @YogeshSharma-hw9wu 3 роки тому

      @@gamersylum3674 how you have done it..please help me also

    • @gamersylum3674
      @gamersylum3674 3 роки тому

      @@YogeshSharma-hw9wu you can visit w3schools.com for this issue.

  • @anilmusic6198
    @anilmusic6198 3 роки тому

    Sir mere font awesome me errar aa rahi hai vo show nahi ho raha hai vaha FIO5 likha aa raha hai bracket me

  • @coder8469
    @coder8469 Рік тому

    hello sir!
    muje yahn blackbox nazer a raha ha mene niche apke comments bi parhan hn kafi logon ko asi problem hn meri sari files ik hi folder me hn html ,css , all css and webfonts but phir bi ik black square hi a raha please guaid karn

    • @YahooBaba
      @YahooBaba  Рік тому

      aisa isliye ho rha hai kyu ki aapke fonts ka path galat hai.
      Fontawesome.css file mein fonts file ka path hota hai jo ki aapke case mein galat hoga.

  • @courseonline5059
    @courseonline5059 3 роки тому

    Hello sir . I hope you doing well . Sir i tag to Italic ka work krta ha . so yaha kesy work kr raha ha

    • @YahooBaba
      @YahooBaba  3 роки тому +1

      Italic tag isliye liya hai taki kam likhna pade, aap iski place par koi doosra tag bhi le sakte ho jaise ,,

  • @anukashyap4817
    @anukashyap4817 3 роки тому

    Thank you so much sir 🌹🙏

  • @newpromovideo4867
    @newpromovideo4867 6 років тому +1

    dear css grid p video bana den please

    • @YahooBaba
      @YahooBaba  6 років тому

      Hello today make a new playlist for CSS Grid Course : ua-cam.com/play/PL0b6OzIxLPbyTHa8kl8krEvyszCKO1Uml.html
      In next 5-6 days we will cover all new css grid related properties.so be connected with us.

  • @unknownsheikh347
    @unknownsheikh347 4 роки тому +2

    could u tell us from where u belongs?

  • @nandinipaul8347
    @nandinipaul8347 5 років тому +1

    sir i cant understand what you say

  • @vishalqalandari
    @vishalqalandari 2 роки тому

    The font are not coming in my mobile

  • @YogeshSharma-hw9wu
    @YogeshSharma-hw9wu 3 роки тому

    i am completely unable to add this css file path...firstly it was showing black-box now it is completely showing nothing....Please Help @yahoo Baba

    • @YahooBaba
      @YahooBaba  3 роки тому

      I think your CSS File path or Font path is not correct that's why these boxes are coming.

    • @YogeshSharma-hw9wu
      @YogeshSharma-hw9wu 3 роки тому

      @@YahooBaba "all.css(fonts file) is in same folder in which the html file...but still the font is not displaying..i have tried so many times"

    • @YahooBaba
      @YahooBaba  3 роки тому +1

      Send your code project in zip file. I will check it. My email : hello@yahoobaba.net

  • @asadbukhari8
    @asadbukhari8 4 роки тому

    I am facing a problem using fonts

  • @himanshuagarwal3564
    @himanshuagarwal3564 4 роки тому

    Sir hm i tag ka use kyu krte hai??

    • @YahooBaba
      @YahooBaba  4 роки тому

      tag text ko italic karne ke liye hota hai

    • @himanshuagarwal3564
      @himanshuagarwal3564 4 роки тому

      @@YahooBaba sir me ye puch rha hu ki hm i tag mei font icon ko use kyu krte hai??

    • @WebTechInDepth
      @WebTechInDepth 4 роки тому +1

      It's not important you can write class name in span tag also

  • @shivamsinha5394
    @shivamsinha5394 2 роки тому

    Sir is website ka please link chahiye

    • @YahooBaba
      @YahooBaba  2 роки тому +1

      Here is a link : fontawesome.com/
      but if you want old version the link is : fontawesome.com/v4/icons/

    • @shivamsinha5394
      @shivamsinha5394 2 роки тому

      @@YahooBaba thankyou sir 😊

  • @monupal9434
    @monupal9434 3 роки тому

    bhai merko file wala samaj m nhi aa rha h file m kese dalnye h

    • @YahooBaba
      @YahooBaba  3 роки тому

      Kya dalna hai ?

    • @monupal9434
      @monupal9434 3 роки тому

      @@YahooBaba head ke niche ek link tag dala h vo kese dalna h aur font awesome site change hongyi h to thodha samj m nhi aa rha h bhai

    • @YahooBaba
      @YahooBaba  3 роки тому +1

      Here is a link : fontawesome.com/v4.7.0/

    • @monupal9434
      @monupal9434 3 роки тому

      Head tag ke niche ek link dala h usse kese daltye h

    • @monupal9434
      @monupal9434 3 роки тому

      Gud morning bhai

  • @rohitgupta1308
    @rohitgupta1308 4 роки тому

    Icon bali file he ni mili😐

  • @mymysterioushub
    @mymysterioushub Рік тому

    Ya website hi ni mil rahii 😢😢😢

    • @YahooBaba
      @YahooBaba  Рік тому

      Yeh hai Fontawesome 4 ki website : fontawesome.com/v4/get-started/

  • @Shatavartverma
    @Shatavartverma 3 роки тому

    Sir what is CDN basically.....and why we don't have same process for inserting icons as we have have for JPG images????
    Is CDN A LIBRARY OF ICONS ????

    • @YahooBaba
      @YahooBaba  3 роки тому

      CDN means "Content Delivery Network" . When we don't place website's all images, css files, js files on One server and we place it on different server to reduce the load on one server that we called CDN.

    • @Shatavartverma
      @Shatavartverma 3 роки тому

      @@YahooBaba Sir 1 more question.....what is the resone of choosing only 2 files ... that is......all.min & web fonts???
      Please explain what these 2 folders contain .

  • @helptechnicalpointvicky5497
    @helptechnicalpointvicky5497 5 років тому +1

    Sir aap apna. Whatsapp no do personal kaam h

  • @VeerpalKaur-uv9dv
    @VeerpalKaur-uv9dv 4 роки тому

    sir now perhaps this website (font awesome) is modified.I am not able to download the file.Plz help sir

    • @YahooBaba
      @YahooBaba  4 роки тому +1

      I think you visits wrong page ...may ber Fontawesome 6 version page.....Go to this page : fontawesome.com/

    • @VeerpalKaur-uv9dv
      @VeerpalKaur-uv9dv 4 роки тому

      @@YahooBaba thanks

  • @jagjitsingh8610
    @jagjitsingh8610 4 роки тому +1

    sir font nhi aa reha koi v bs blank box aa reha please help me.

    • @YahooBaba
      @YahooBaba  4 роки тому

      CSS ke file mein fonts ka path galat hai

    • @jagjitsingh8610
      @jagjitsingh8610 4 роки тому

      sir konsa path dena?

    • @YahooBaba
      @YahooBaba  4 роки тому

      Jha font rakhe hue hai uska path dena hai. Kya aapne waise hi sab kuch rakha hai jaise maine video mein bataya hai.

    • @jagjitsingh8610
      @jagjitsingh8610 4 роки тому

      sir same to same jo aapne video ma kiya ma abhi sekh rha hu sir so mera koi alag folder nhi ha sirf ek he folder ma css , html files and images sb kuch ha and maina same to same vaise he kiya jaisa aapna btaya