Equipping You to Communicate Effectively
| support CMN & share a |
library of 19K+ images, videos, etc
|General Website Design Talk about websites, streaming and more in this forum.|
| ||Thread Tools||Search this Thread||Rate Thread||Display Modes|
Submenus in Dreamweaver
Is there a way to create a submenu in Dreamweaver? On the navigation menu when someone hovers over a link like "About Us", I want a submenu to open up to the side that shows them their choices such as "Beliefs", "Meet Our Pastors", etc.
Any suggestions? Thanks.
I have Dreamweaver MX...
...And yes I do have fireworks. I was hoping there was some kind of tutorial for that (hence my other thread requestinghow to get to the tutorial section). But if you can explain it that would be great. Just for the record I've never used Fireworks before though
Yes Ed, that's exactly the affect I'm looking for. I love CMN!! Everyone is always so helpful..Thanks Ed. I'll look for your post.
And Phil, I'm checking out that link you sent me. I have fireworks at work too, so I'll try to play with that as well.
Ok, I created the screen shots and quickly reduced them in size, so they may be a bit fuzzy. However I think they're good enough to illustrate the steps.
Open the page in DWmx, and select the graphic/button. In this example it's a small graphic labled 'contacts' in the center of the shot:
Next under the design tab, select 'Behaviors' (upper right arrow)
Click the "+" to add a behavior
It will pull down a menu of behaviors, select 'Show Pop-up menu'
This should open a dialogue box for your menu items, urls, and appearance.
In the future, simply click 'show pop-up menu' in the list of behaviors to re-open this box.
Last edited by TL5; Thursday, August 10th, 2006 at 09:17 AM. Reason: Merged Double Posts
Follow up, after a couple PM questions.
First on positioning the menus:
First the x/y thing: Take a look at this screen shot.
It shows the menu dialogue box when you select 'position'. In this example I have selected to have the menu drop straight down. The x value is 0 and the y value is 15 (inside the box, underneath the selections).
When you select another position, the x/y values change. SO, if you really need to be specific were the menu is postioned you can enter thos values into the x/y fields manully. Give it a try and your menus will move around. Also note, you can use negative numbers. IE -15
Next you can create menus in larger graphics, for example make the text of a large graphic trigger the menu. In order to do that you utilize the hotspot tools.
On my page I have a large image/photo that is used for the background. Up in the left hand portion of the sky, I'm going to create a 'hotspot' for a menu (you can make these hyperlinks or whatever).
Look at this screen shot
In the 'properties box', lower left corner, you will see a section called "MAP". The first box is the selection arrow, next are a series of boxes with turquoise colored items. The first is a rectangle, next is a circle, next is an irregular shaped item.
I clicked the rectangle (notice the words "rectangular hotspot tool" is displayed)
I moved the cursor up to the top of my html page, up on the clouds. Then using the hotspot tool I drew a rectangle on a portion of the sky (arrow 1). see this screen shot
Note the properties box (arrow 2) now has the properties for the hotspot. We can make this a link by simply filling in the URL information in the fields in the properties section OR
Reselect the 'selection arrow' (instead of the hotspot tool, arrow 3) then click on the hotspot drawn in the clouds. You can now use the previous directions (arrow 4, behaviors, click the +, select pop-up menu.. etc) and can have a menu appear out of nowhere. You can also use this on any portion of any graphic.
|Thread Tools||Search this Thread|
|Display Modes||Rate This Thread|
Register Now for FREE!