PDA

View Full Version : CSS Popup Menu



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

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.

simonf
11-26-2004, 04:18 AM
Hi

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.

http://www.dynamicdrive.com/dynamicindex1/index.html

rgds,Simonf :cool:

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

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

steina4
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>
</span>
</span>


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 }