Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
glenn romaniuk
32,520 Pointshow to implement menus & popups
menu - i've seen sites that have a button in the header that displays a dropdown menu that overlays the underlying page. Any lessons on how to do this?
popups - like the 'start discussion' popup i used to start this discussion. it also overlays the underlying page. Any lesson on how to do this?
2 Answers
Ben Harrison
5,521 PointsHello, I would say from looking around in the library you would find that type of cool interaction, on the Build an Interactive Website course under JavaScript.
James Barnett
39,199 PointsThe Treehouse model is to give you the building blocks to build whatever you want. That's the great thing about CSS, there are only a few dozen properties but they can be arranged in a (near) infinite number of ways.
You don't need JavaScript to do this, you can do this with intermediate CSS skills, if you've finished the CSS Foundations course you should be able to do it.
That being said, once you know what building blocks you've got it can be nice to get a few pointers on how to best put them together.
So in that spirit, this is probably my favorite tutorial on it:
http://www.gethifi.com/blog/nicer-navigation-with-css-transitions
It's very easy to follow along with and a create place to start.