Link to home
Start Free TrialLog in
Avatar of linque
linque

asked on

pop up menu question - customizing

I am still working on creating the menu I want in DW MX 2004.  Thanks again for showing me transparency in the menus and submenus.  I have been experimenting with the pop up menu creator in both Dreamweaver and also in Fireworks.

I notice that there is a built in limitation for some of the appearances of the menu.   Now, I'd like to know if I can customize the way the submenus look.  I see that the dialogue box gives me the option to change the size and a limited number of fonts.  I've already changed the size, but what if I want a graphical customized sub menu?  Is there any help for me in dreamweaver and/or fireworks, and still have the use of this terrific built in tool?

If not, then is there a tutorial out there to show me how to make a completely customized pop up menu (by customized, I mean using my own graphics for the "buttons" of all submenus.
Avatar of thurston_l
thurston_l
Flag of Hungary image

i would do it this way:
make my menu in dw/fw.
then design a menu in the gimp (or photoshop) slice it up, optimize and save it.
then i check out the menu's source code and - if it's an image menu: replace the images with mine, or: if it's a text menu you delete the text and start typing:
<img src="your_image.ext" width="size" height="height">
and so on.
Avatar of alexhogan
alexhogan

You could also use style sheet tags to customize the submenu with your images.  That way you can have a background image that is completely different than the rollovers.

yep, and with css it's easier to redesign your menu:
you have to redraw one background image, not the whole menu.
and in css there is instant preload (no need to add a preload script), and easier to do the over/active/visited state:  only add a hover string, and css does not require javascript.
but on the other hand, doing a full image menu could be trickier, but not impossible. though, css is mainly suitable for text-menus.
Avatar of linque

ASKER

Ok, let me see if I am understanding this properly.  Since I am not real fluent with CSS, but I think I might be able to do this if I have the more general concept.  

These are two entirely different approaches? Thurston's idea is to swap out graphics or html.    If I were to try to use css, am I still using the original output from Dreamweaver or Fireworks tools?  What about the .js file?
ASKER CERTIFIED SOLUTION
Avatar of alexhogan
alexhogan

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
nope. with css, your going to use html tags, like <div>, <span> and <li>/<ol>/<ul>.
i think the js file is for synchronizing the DOMs (document object modells), because browsers treat javascript differently.
for css, try this:
http://www.meyerweb.com/eric/css/edge/menus/demo.html