How To Make Tab Layout On Website Using HTML CSS And JavaScript

Поделиться
HTML-код
  • Опубликовано: 11 янв 2025

Комментарии • 96

  • @abahiduh3246
    @abahiduh3246 Год назад

    This video PROVED that you are truly a Great stack

  • @kamrulhassan2031
    @kamrulhassan2031 2 года назад

    this video was really helpful.. thanks boor keep up with your good work. I fiddled lot of code to make the tab layout but couldn't but after watching this video I was able to do it. thank you bro. thanks!

  • @deucalion910
    @deucalion910 4 года назад +2

    Easy codes..
    Very well explained...
    Awesome work..
    I know i am 6months late but this video worth much much more shares and like.
    Love your coding.

  • @cjcstudio6201
    @cjcstudio6201 Год назад

    Thank you so much😊❤️
    Very helpful 💓💓❤️

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

    sir you are really great thank you so much, your explanation is very very well really thank so much

  • @amanr007
    @amanr007 4 года назад +1

    Such an easy and best way to upgrade skills fast 🙋 thank you so much for this

  • @chase4972
    @chase4972 11 месяцев назад

    I have been looking for This....

  • @neev7391
    @neev7391 4 года назад

    You are very talented ..just awesome

  • @ApoMann111
    @ApoMann111 4 года назад +3

    Yes finally found the Indian guy.
    this is actually really helpful! Thank you! But the Icons don't work. :(

  • @SirMappy
    @SirMappy 5 лет назад +2

    Nice tutorial, I really enjoyed it. Thank you and keep up the good work!

  • @harpermartin7813
    @harpermartin7813 3 года назад

    Your explanation is very good!

  • @pacific101-t8c
    @pacific101-t8c 3 года назад

    Tysm sir it helped me a lot✌

  • @abdelrahmanmohamed6701
    @abdelrahmanmohamed6701 5 лет назад +3

    - we appreciate your efforts

  • @madhuramagarwal1012
    @madhuramagarwal1012 4 года назад

    Best tutorial ever

  • @harpermartin7813
    @harpermartin7813 3 года назад

    Thanks for the video!

  • @aadilkriel2278
    @aadilkriel2278 4 года назад +1

    This is excellent!

  • @tomweb7257
    @tomweb7257 5 лет назад +1

    Very nice design thanks and keep going on

  • @maxyliz5055
    @maxyliz5055 4 года назад

    Excelente video!!! Saludos desde Perú!

  • @naitikkathiriya
    @naitikkathiriya 4 года назад +2

    thank u thank u thank u so much,,... really a very informative and a new pure new content for me as u shown a new Function property for moving sections by clicking! plz tell me is this a property using in css3 or a new concept from another new version??

  • @prakash1to7
    @prakash1to7 4 года назад

    Really Good video👍

  • @jasonpeterson7986
    @jasonpeterson7986 Год назад

    Excellent!
    (L)

  • @B40ken
    @B40ken 3 года назад +2

    sir when i am adding all the 3 para in one page the another para are sticking to the margin

  • @cau3thuong
    @cau3thuong 2 года назад

    Thank you!!! I really enjoyed it!

    • @GreatStackDev
      @GreatStackDev  2 года назад

      You are so welcome!

    • @jorbitmultimedia
      @jorbitmultimedia 11 месяцев назад

      i have some compatible issues, please provide links to font awesome and icons@@GreatStackDev

  • @A.M-s7z
    @A.M-s7z 5 лет назад +5

    Thanks for the video my friend, but i think it's a lot of JavaScript code !

    • @oussamaboumhaout3619
      @oussamaboumhaout3619 4 года назад +1

      not at all ! in fact this is one of the easiest way to do it with primitive syntaxe

  • @NoeItorious
    @NoeItorious 5 лет назад

    Fun video, thank you

  • @mdarifulislam1044
    @mdarifulislam1044 3 года назад

    Awesome video

  • @jesusdavidmontoyalondono5913
    @jesusdavidmontoyalondono5913 4 года назад

    Great tutorial bro !!. Thanks a lot. I have just a question, it's necessary to repeat the same code in all the methods, or could I take the Id from the elements and create one method with the same code.

  • @yididiyamulatu7428
    @yididiyamulatu7428 4 года назад

    THANK YOU!!!

  • @farhadcohan8867
    @farhadcohan8867 4 года назад

    i used an external js file it did worked great but there is an issue with video a-tag id does not show beside that everything worked great thank you i wished you could add nav-bar how do i get intouch with you?

  • @sujon-ahmed
    @sujon-ahmed 4 года назад

    Good job :)

  • @prashik6328
    @prashik6328 5 лет назад

    nice tutorial...

  • @__Khaja_nayeem__
    @__Khaja_nayeem__ 5 лет назад +4

    Sir E commerce Site Fully Explain Ki video uploaded Kijiye
    E commerce website using html And css

  • @mahmoudal-saleh-4667
    @mahmoudal-saleh-4667 5 лет назад +1

    You should give them an active class for changing the color and the position where you will be pressed instead of all this JavaScript Code!!
    But it's cool Thank you.

  • @MrLoop-wz2sb
    @MrLoop-wz2sb 4 года назад

    Thanks idol

  • @kushcodm4329
    @kushcodm4329 3 года назад +1

    How to make the content not to cut? It cuts my paragraph does it have a limit to how long paragraph should be?

    • @akidzul7748
      @akidzul7748 3 года назад

      facing the same problem, been doings trials and errors but nothing works. Have you found the solution?

  • @codewithcreativecoder8834
    @codewithcreativecoder8834 4 года назад +2

    suppose if you have more than 3 tabs, you will need to write too much code..

  • @robertzohrabyan3316
    @robertzohrabyan3316 Год назад

    Can you please make a slider with tab layouts like in spacex website?
    a slider that slide slides in which are tabs like this, the entire slide

  • @__Khaja_nayeem__
    @__Khaja_nayeem__ 5 лет назад

    Sir Your Videos Are osm

  • @unstoppabletushar4141
    @unstoppabletushar4141 3 года назад

    hello sir
    overflow: hidden;
    mere code m kaam nhi kr rha
    horizontal scroll bar nhi jaa ra

  • @sakihouston9997
    @sakihouston9997 5 лет назад

    Good bro

  • @FirdavsiGameDev
    @FirdavsiGameDev 5 лет назад

    Nice project!

  • @yllkastrati6973
    @yllkastrati6973 Год назад

    Tried this one when the cursor hovers on icon doesn't change the color, I followed the code I did everything that you did but doesn't work

  • @dharshan117
    @dharshan117 5 лет назад +1

    where to get the images ??

  • @dexboi
    @dexboi 5 лет назад +1

    bro can you make a video on creating a website like olx , quikr i.e community website

    • @dexboi
      @dexboi 3 года назад

      @Rowan Mohammad I didn't get

  • @vedantmahant4781
    @vedantmahant4781 5 лет назад

    Very nicely explain .i have doubt of translateX 100%

  • @ahmedrazashah4644
    @ahmedrazashah4644 5 лет назад

    awesome sir

  • @zuzuhun
    @zuzuhun 2 года назад

    Köszönöm!

  • @smarticonictech7887
    @smarticonictech7887 3 года назад

    Where are images how can i download it

  • @gulsummaslak9753
    @gulsummaslak9753 4 года назад

    Can loop in this study. if so how?

  • @akosiadam7216
    @akosiadam7216 3 года назад +1

    get element by id doesnt work

  • @stevenarevalo2308
    @stevenarevalo2308 4 года назад

    link to download the image folder? please

  • @ahmedrazashah4644
    @ahmedrazashah4644 5 лет назад +1

    Sir can i make complete website using js without use html css?

    • @ck0024
      @ck0024 5 лет назад +2

      *Can you write an essay without using Alphabets?*

    • @스머프-s7g
      @스머프-s7g 5 лет назад

      No

  • @dhamihimanshu5029
    @dhamihimanshu5029 4 года назад

    Is it responsive ???

  • @talhaaftab4861
    @talhaaftab4861 3 года назад

    How we can do it responsive tell that please ???

  • @darkprogrammer_77
    @darkprogrammer_77 4 года назад

    could you please send the link to open the source code

  • @codewithcreativecoder8834
    @codewithcreativecoder8834 4 года назад

    you can do this using loops

  • @carljeslerceniza9903
    @carljeslerceniza9903 4 года назад

    why is the first tab get stuck?

  • @vatsalmehta8135
    @vatsalmehta8135 3 года назад

    Is this page responsive??

  • @TechnicalTricksIN
    @TechnicalTricksIN 5 лет назад +1

    why you not provide source code

    • @ck0024
      @ck0024 5 лет назад +4

      Just watch and write by yourself.

  • @victorr8092
    @victorr8092 5 лет назад

    thank you

  • @shpatbajgora764
    @shpatbajgora764 5 лет назад +1

    I made it but it cannot become responsive. ?? Help anyone?

    • @thehorse1496
      @thehorse1496 4 года назад

      Use media query to set different property values for different width

    • @youssradebbali7726
      @youssradebbali7726 4 года назад

      Responsive please???

    • @ashishbirajdar7533
      @ashishbirajdar7533 2 года назад

      Hi shpat,
      The mistake you did is getelementByID is case sensitive in javascript.
      So correcting that will resolve it

  • @a-jay_kkd5872
    @a-jay_kkd5872 5 лет назад

    Sir please JavaScript pe video bano request 🙏🙏🙏🙏

  • @radoslavsmolen1655
    @radoslavsmolen1655 5 лет назад

    Nice example of doing something like this, however it would be much easier to use Bootstrap Tabs and edit it a little. This JS is getting really ugly. This is just a tip for those who want to use this in the project.

  • @jorbitmultimedia
    @jorbitmultimedia 11 месяцев назад

    Nothing works for me on my code, who will assist me please, i can share the files😢😢

    • @GreatStackDev
      @GreatStackDev  11 месяцев назад

      I will recommend you to start with beginners tutorial: ruclips.net/video/GAZVvpjxYQY/видео.html

  • @anikeshsharma17
    @anikeshsharma17 5 лет назад

    Can you please make a video on how to add HTML and CSS file in blogger website

  • @harpermartin7813
    @harpermartin7813 3 года назад

    Jesus is so cool!

  • @vipulgupta7193
    @vipulgupta7193 3 года назад +1

    javascript is not working

  • @meigiyanto3633
    @meigiyanto3633 4 года назад

    Refactor your js code,please!

  • @aakashsingh2811
    @aakashsingh2811 5 лет назад

    What is the name of text editor

  • @__Khaja_nayeem__
    @__Khaja_nayeem__ 5 лет назад +2

    Project Banana He e commerce ka Plz

  • @helptechnicalpointvicky5497
    @helptechnicalpointvicky5497 5 лет назад +1

    Sir, you uploaded the video very late.

  • @mohammadrizkypratama3677
    @mohammadrizkypratama3677 2 года назад

    Share code plisz

  • @sheikhfayyaz3273
    @sheikhfayyaz3273 5 лет назад

    Also provide source code

  • @yeshamikaela8106
    @yeshamikaela8106 5 лет назад

    Please make if, if else, if else if and switch statement

  • @akhtrabadsaraikivlog5877
    @akhtrabadsaraikivlog5877 5 лет назад

    👍

  • @greenshaheen
    @greenshaheen 4 года назад

    Where is code