Awesome accordion menu using only HTML & CSS
HTML-код
- Опубликовано: 30 авг 2018
- ◘ Join our group in facebook : / 70490. .
◘ Like our page : / darkcode0
◘ Paypal Donation Link : paypal.me/YBenlachheb
◘ Download Files From Here : goo.gl/8BiHuK
◘ Music Name : Lost Sky - Dreams [NCS Release]
◘ Music Link : • Lost Sky - Dreams | Tr...
I found that channel today , on my recomandation , and i really like your style , and i'm your new subscriber .
Wow! An absolut artist! This kind of video are really awesome,
For web developers this is satisfying video.👍
not only for web developer
* - *
why not
ruclips.net/video/bTtzjaYPXMs/видео.html
yop :D
I didn't know :target selector till I've watch this video. This is magic.
I've not even started watching this video but I know it's great. Thanks man
now thats what i call creative but simple! love you bro!
You are a hero... Good part of css
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 ?
Thank you for the video. Great skills! Keep the videos coming
Awesome content, clean design, easy to follow and understand, keep it up.
My only favourite web developer you only broo... You thief my heart!!
This is the best. U deserve more subs with this education content.
WTF!!! Congrats. Perfect and awesome vid!!
I make most of your projecylts from your videos
They look awesome
Thanks
Keep up the good work please
One more valuable video.THank you
amazing dude you are awesome. You just won a subscriber
Спасибо, отличное видео!
De Colombia, gracias es muy bueno nav.
OMG!!! So cool!
Simple and effective... good job, very useful ^^ Didn't know about the :target, like many others in this comment section :D Thx!
so good .hello from cambodia
Its Helpful Bruh!. Thanks
Your clip so perfectly .thank you so much
Loved simplicity in your design...(I love material design)
@@georgesears1615 ?
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
U r very gifted man
Seriously man, u r darn awesome!
Do u get this by practicing or u combining/shuffling a whole lot of stuff u know together?
ruclips.net/video/bTtzjaYPXMs/видео.html
You are simply amazing
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 great video sir by developer
awesome job !! i appreciated
Lovely ... Thanks for share
this channel worth more than 1mil subcribers
thanks for the video :>
That was really Awesome💙
briliant dude, love your workflow
ruclips.net/video/bTtzjaYPXMs/видео.html
Wow that was so easy !!! thanks brah!!!!!!
perfect, thank you very much!
Thank you very much! This was amazing!!
ruclips.net/video/bTtzjaYPXMs/видео.html
1mil sub soon. Geniussss
Awesome page. Keep it up bro
Siempre se aprende algo nuevo, no sabia sobre los target y ahora estoy emocionado de cuantas cosas podre hacer jeje, gracias.
ruclips.net/video/bTtzjaYPXMs/видео.html
Awesome css trick...
Thank...
U r just nailing it 👏👏👏👏👏👏👏
amazing work man
Great! Today i learn :target
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
Good work sir
Nice, I love the atom code editor
wow..amazing menu with html & css only....
Awsome!
Awesome bro! :)
Amazing carry on
Amazing ! Thank you very much ! :D
welcome ♥
😁
Great work ❤️
fantastic job
your channel is very good ( I like your channel )
Great work!
verz nice tuts and all is ok. i tested it.
Very good, liked
Thank u for this awesome video
This is awesome i like it B-)
Wow man !!!! Thanks
You are awesome !
Awesome man
really awesome
Amazing
Awesome
Very cool.
That's perfect and amazing
Man this is so satisfying
That's what your mom said.
Awesome !!!!!!!!!
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
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
Outstanding
Congrats, 8,6K Subs, love from Turkey 🤗😃
Thankyou =)
Your mom got love from Ghana.
God bless you always!
just amazing!!!
Wow looking cool bro
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.
You rock man!
awesome
amazing
Great video
Its amazing...😍😍
Awesome :D
Genius!
thank you very much very nice
It's super cool
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
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 (
ruclips.net/video/APcGa1TBSIA/видео.html
Thank you !
Nice！
It looks so easy...
Video is great learning and which editor is this one..
I love your videos
Thank you so much
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?
Mais um inscrito🙋
Good job, OMG!
Thanks this is helpful