Helpful Information
 
 
Category: CSS
CSS Popup Menu

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.

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:

i put this code in the head, uploaded the files, but the menu doesnt show.

nevermind it worked

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 }










privacy (GDPR)