Awesome accordion menu using only HTML & CSS
ฝัง
- เผยแพร่เมื่อ 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...
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.
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,
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!
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
You are a hero... Good part of css
Thank you for the video. Great skills! Keep the videos coming
My only favourite web developer you only broo... You thief my heart!!
OMG!!! So cool!
Loved simplicity in your design...(I love material design)
@@georgesears1615 ?
This is the best. U deserve more subs with this education content.
Awesome content, clean design, easy to follow and understand, keep it up.
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
awesome job !! i appreciated
Simple and effective... good job, very useful ^^ Didn't know about the :target, like many others in this comment section :D Thx!
Your clip so perfectly .thank you so much
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
Awesome bro! :)
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
U r very gifted man
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
so good .hello from cambodia
Awesome page. Keep it up bro
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
Man this is so satisfying
That's what your mom said.
Awesome man
Thank you very much! This was amazing!!
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
amazing work man
amazing dude you are awesome. You just won a subscriber
Its Helpful Bruh!. Thanks
perfect, thank you very much!
briliant dude, love your workflow
th-cam.com/video/bTtzjaYPXMs/w-d-xo.html
That was really Awesome💙
Can you transform this into a normal horizontal menu if you want to scale up from a mobile view?
You are simply amazing
Wow that was so easy !!! thanks brah!!!!!!
Awsome!
Nice, I love the atom code editor
Great! Today i learn :target
Wow great video sir by developer
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
this channel worth more than 1mil subcribers
thanks for the video :>
Amazing carry on
You are awesome !
Great work ❤️
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 ?
fantastic job
1mil sub soon. Geniussss
U r just nailing it 👏👏👏👏👏👏👏
Wow man !!!! Thanks
One more valuable video.THank you
Amazing ! Thank you very much ! :D
welcome ♥
😁
Very cool.
Thank u for this awesome video
How tab close automatically when we curser moves from that ....
God bless you always!
Genius!
really awesome
This is awesome i like it B-)
That's perfect and amazing
just amazing!!!
Awesome
Awesome !!!!!!!!!
Great work!
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?
You rock man!
verz nice tuts and all is ok. i tested it.
It's super cool
De Colombia, gracias es muy bueno nav.
Wow looking cool bro
Lovely ... Thanks for share
Very good, liked
the last thing about setting targets in css was littlie hard for me to understand if possible can u help me up with that
your channel is very good ( I like your channel )
Congrats, 8,6K Subs, love from Turkey 🤗😃
Thankyou =)
Your mom got love from Ghana.
Awesome css trick...
Thank...
Its amazing...😍😍
wow..amazing menu with html & css only....
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
Amazing
Hi how can i do that, if a menu opened and i click on the main title it closes?
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
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
Thank you...
awesome
It looks so easy...
what I have to do If I want add more options to smenu?
Outstanding
amazing
Great video
How do you preview your project in that side window in Atom
Hello, could you please share the text editor you are using? Thanks in advance. Love your videos!
Thank you !
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
Thank you so much