Althought it's a very bad practice stylize the universal selector (*) with the params you gave I'll keep in mind that is only for the end purpose of this tutorial: the use of the :target pseudo selector. That said why are you using with no ?
Your code episdodes are lascinating and very educational. Thanks you very much for all your work, thanks to you i have uderstood and written some cool portfolio pages much aesier and more effectively. Greetings :) P.S. I Can't wait for MOREEE !!!! :) :D
I ryl love your videos im always like 'holy shit that's genius' I'm the definition of beginners and allways when I watch your videos I just want move my ass and do smt too I ryl love HTML / CSS (can't say smt about JavaScript php etc never learned) your videos just make my love stronger xD
Thank you, this was very instructive. Is there a way to prevent the menu from collapsing once you click on a submenu item? Edit: I figured it out. If anyone is interested, one simply has to implement the rule in the .item:target .submenu {} selector in a .submenu:focus-within{} selector.
Great video ! But I have a question. I programmed this sidebar into my Website but everytime I open one of the categories my window scrolls all the way up to the category or even further. How can I fix that ? Thx in advance
It is a really nice one. Especially, it is very useful for admin panel designing. However, if you click again on the same btn (ex: profile) it is not closing the menu which is open. in other words, it is not taking height back to 0px.
I don't think :target on its own is usable for three nested levels. A level 2 item is only visible while its level 1 parent is the target. As soon as a level 2 item is clicked it becomes the target, so the level 1 item is no longer the target, so the level 2 item will be hidden so you'll never see the level 3 items
Hello I am Brazil. I would like to know how to make the drop down menu close when the mouse is not in the menu. I do almost that, but when I hover over the menu, it opens the clicked tab. I would like everything to go to the initial state when the mouse was not over it. Do you have any idea how to do this?
When I click on a button to activate the submenu, the whole page scrolls down until that button is on the top of the page. So for each click in the button for the submenu, I have to scroll up the page. Sorry, any idea for the page to stay up?
Very fantastic. I first time watch this tutorial and subscribe your channel. I request to you please make a video on attendance system with jquery ajax php MySQL.
hello bro i have two website on blogger and i use different costom tamplate on my both site and my one website tamplate have allredy sticky sidebar with working mobile or pc but another website tamplate have no Sticky sidebar , i see some videos thay giving us sticky sidebar coad but the coad not working parfactly on mobile or footer area hide when i use that coad, so can you help me please
hello I have run my exercise but it gives me a problem, when I click on the links I compare in the address bar the link clicked eg www.com.com/#anchor I would not want to give it to appear and then delete all that that there is no more header on the type menu?
For web developers this is satisfying video.👍
not only for web developer
* - *
why not
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
yop :D
I didn't know :target selector till I've watch this video. This is magic.
Althought it's a very bad practice stylize the universal selector (*) with the params you gave I'll keep in mind that is only for the end purpose of this tutorial: the use of the :target pseudo selector. That said why are you using with no ?
That's awesome. never seen the :target before.
me too i never seen it
Same... and I've been doing this shit for YEARS!
me too..
same here
Yup
Loved simplicity in your design...(I love material design)
@@georgesears1615 ?
I found that channel today , on my recomandation , and i really like your style , and i'm your new subscriber .
I've not even started watching this video but I know it's great. Thanks man
I liked replacing the :target with :hover, it has a nice effect... Anyways, nice video, truly awesome stuff you did here!
Yeah its quicker and easier to use ;/
that's right, except the target one, it will close again , thanks
agree, target just open the smenu
Your code episdodes are lascinating and very educational.
Thanks you very much for all your work, thanks to you i have uderstood and written some cool portfolio pages much aesier and more effectively.
Greetings :)
P.S.
I Can't wait for MOREEE !!!! :) :D
This is the best. U deserve more subs with this education content.
I ryl love your videos im always like 'holy shit that's genius'
I'm the definition of beginners and allways when I watch your videos I just want move my ass and do smt too I ryl love HTML / CSS (can't say smt about JavaScript php etc never learned)
your videos just make my love stronger xD
Wow! An absolut artist! This kind of video are really awesome,
You are a hero... Good part of css
now thats what i call creative but simple! love you bro!
I make most of your projecylts from your videos
They look awesome
Thanks
Keep up the good work please
My only favourite web developer you only broo... You thief my heart!!
Thank you for the video. Great skills! Keep the videos coming
Awww man from where did you learned this. I am a big fan of your CSS and a subscriber too
you can also see here, how i create Another Awesome Accordion with html , css and javascript (
th-cam.com/video/APcGa1TBSIA/w-d-xo.html
Thank you very much! This was amazing!!
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
1mil sub soon. Geniussss
Amazing Video.. Saw many tutorials but this one was amazing..as this worked
you can also see here, how i create Another Awesome Accordion with html , css and javascript (
th-cam.com/video/APcGa1TBSIA/w-d-xo.html
Simple and effective... good job, very useful ^^ Didn't know about the :target, like many others in this comment section :D Thx!
OMG!!! So cool!
Спасибо, отличное видео!
Awesome content, clean design, easy to follow and understand, keep it up.
briliant dude, love your workflow
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
WTF!!! Congrats. Perfect and awesome vid!!
Looks nice, but it would be better to use for top-level items. This way :target would not be occupied.
amazing dude you are awesome. You just won a subscriber
One more valuable video.THank you
this channel worth more than 1mil subcribers
thanks for the video :>
Seriously man, u r darn awesome!
Do u get this by practicing or u combining/shuffling a whole lot of stuff u know together?
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
Siempre se aprende algo nuevo, no sabia sobre los target y ahora estoy emocionado de cuantas cosas podre hacer jeje, gracias.
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
That was really Awesome💙
Congrats, 8,6K Subs, love from Turkey 🤗😃
Thankyou =)
Your mom got love from Ghana.
Great! Today i learn :target
Thank you, this was very instructive. Is there a way to prevent the menu from collapsing once you click on a submenu item?
Edit: I figured it out. If anyone is interested, one simply has to implement the rule in the .item:target .submenu {} selector in a .submenu:focus-within{} selector.
Amazing ! Thank you very much ! :D
welcome ♥
😁
Wow great video sir by developer
Great video ! But I have a question. I programmed this sidebar into my Website but everytime I open one of the categories my window scrolls all the way up to the category or even further. How can I fix that ? Thx in advance
U r just nailing it 👏👏👏👏👏👏👏
Its Helpful Bruh!. Thanks
Hello, could you please share the text editor you are using? Thanks in advance. Love your videos!
De Colombia, gracias es muy bueno nav.
Wow that was so easy !!! thanks brah!!!!!!
It is a really nice one. Especially, it is very useful for admin panel designing. However, if you click again on the same btn (ex: profile) it is not closing the menu which is open. in other words, it is not taking height back to 0px.
Ye, to do it u need some js
You are simply amazing
Your clip so perfectly .thank you so much
Man this is so satisfying
That's what your mom said.
Video is great learning and which editor is this one..
Awesome video...Which IDE you are using ???#DarkCode
It is Atom editor
One more this style but have submenu with three levels. Thank you. Have a nice day. 😊
I don't think :target on its own is usable for three nested levels. A level 2 item is only visible while its level 1 parent is the target. As soon as a level 2 item is clicked it becomes the target, so the level 1 item is no longer the target, so the level 2 item will be hidden so you'll never see the level 3 items
Nice, I love the atom code editor
U r very gifted man
What ide r u using.
By the way this is awesome.
amazing work man
Can you add logo on the top for this accordion menu and social links on the bottom?....
verz nice tuts and all is ok. i tested it.
Lovely ... Thanks for share
wow..amazing menu with html & css only....
Please make a video about downloading the software which you are using . It's my request to you
Awesome css trick...
Thank...
Awesome page. Keep it up bro
so good .hello from cambodia
Amazing.
What is the editor that you use, pleasm?
Pleas
@@snm_51 Atom editor. To view the HTML preview use one of the Atom plugins that can be downloaded from within the program.
@@okiseeyou Whats the name of that plugin ??
@@gagan8158 atom-html-preview
Great work ❤️
Hi.. very nice video. what editor u r using ?
he's using atom
Very cool! What is the plugin for the HTML autocomplete from the CSS-like typing?
It's called Emmet
awesome job !! i appreciated
pleade make a video on visual studio setup or post on facebook about it
you can also see here, how i create Another Awesome Accordion with html , css and javascript (
th-cam.com/video/APcGa1TBSIA/w-d-xo.html
hola amigo quiero saber porque no puedo crear mas sub menus de los tres que tu tienes diseñados
Good work sir
Hello I am Brazil. I would like to know how to make the drop down menu close when the mouse is not in the menu. I do almost that, but when I hover over the menu, it opens the clicked tab. I would like everything to go to the initial state when the mouse was not over it. Do you have any idea how to do this?
perfect, thank you very much!
When I click on a button to activate the submenu, the whole page scrolls down until that button is on the top of the page. So for each click in the button for the submenu, I have to scroll up the page. Sorry, any idea for the page to stay up?
Awesome bro! :)
Very fantastic. I first time watch this tutorial and subscribe your channel. I request to you please make a video on attendance system with jquery ajax php MySQL.
you want him to do your fucking homework ???
Please a calculator interface asking you 2nd time you are the best in the world.
Thank You
thank you =)
This is awesome i like it B-)
Wats it u using for text editing...?
5:32 color:white the background of the box is white
It's very beautiful but there is background music problem
your channel is very good ( I like your channel )
hello bro i have two website on blogger and i use different costom tamplate on my both site
and my one website tamplate have allredy sticky sidebar with working mobile or pc
but another website tamplate have no Sticky sidebar , i see some videos thay giving us sticky sidebar coad but the coad not working parfactly on mobile or footer area hide when i use that coad,
so can you help me please
Great work!
Thank u for this awesome video
I created everything that you showed, but I did not get the appropriate end. Style.css is not been linked to the html document. Please help me.
Raj Khedekar
You need to link it in the html
Using see in google for more tutorials
y si tiene mas sub menu -- como 3 niveles se pueden aplicar igual?
What addon are you using the right of the movie?
good nice man, what's the name of tools ? of site ... ?
Its amazing...😍😍
fantastic job
Great Work! I would be great if you put your work on CodePen !
All that beautiful code and then
D'ont forgget subscribe !
Very good, liked
hello I have run my exercise but it gives me a problem, when I click on the links I compare in the address bar the link clicked eg www.com.com/#anchor I would not want to give it to appear and then delete all that that there is no more header on the type menu?
How do you preview your project in that side window in Atom
Amazing 😍❤
I want learn the language HTML AND CSS.
some advice to deepen? meanwhile, I subscribe to your channel
What is music in video? Thanks!
Can you transform this into a normal horizontal menu if you want to scale up from a mobile view?