View Full Version : CSS Popup Menu

11-15-2004, 03:08 PM
Need some assitance with how they created their main popup menu using CSS at projectseven.com site:

I need the menu to have the same effects, perhaps modifying the colors, and possibly having it go horizontal across the top. What is important as well is that it has a breadcrumb effect in which it displays the bar you previously linked to.

If anyone can show me some free code for this that would be great!

Thanks as always.

11-26-2004, 04:18 AM

Looks like they are using a dreamweaver package called Tree Menu Magic Dynamic CSS Menu Kit see http://www.projectseven.com/viewer/index.asp?demo=tmm for more details.

Or take a look at the free scripts on Dynamic Drive that can offer very similar viewing and flexibility.


rgds,Simonf :cool:

01-12-2005, 09:14 PM
i put this code in the head, uploaded the files, but the menu doesnt show.

01-13-2005, 10:21 PM
nevermind it worked

05-31-2009, 09:45 PM
HTML Code:

<span class="popup">
Menu Title

<span class="items">
<a href="#">Popup Item #1</a><br />
<a href="#">Popup Item #2</a><br />
<a href="#">Popup Item #2</a>

CSS code:

.popup .items { display: none }

.popup:hover > .items {

display: block;
font-size: 80%;
border: gray solid thin;
background-color: white;
position: absolute;
z-index: 1;

.popup .items a {

text-decoration: none;
color: black;
font-weight: bold;

.popup .items a:hover { color: blue }