Solved

pop up menu question - customizing

Posted on 2004-04-26
6
591 Views
Last Modified: 2013-11-28
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.
0
Comment
Question by:linque
  • 3
  • 2
6 Comments
 
LVL 1

Expert Comment

by:thurston_l
ID: 10927953
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.
0
 
LVL 8

Expert Comment

by:alexhogan
ID: 10928868
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.

0
 
LVL 1

Expert Comment

by:thurston_l
ID: 10929141
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.
0
Control application downtime with dependency maps

Visualize the interdependencies between application components better with Applications Manager's automated application discovery and dependency mapping feature. Resolve performance issues faster by quickly isolating problematic components.

 

Author Comment

by:linque
ID: 10929340
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?
0
 
LVL 8

Accepted Solution

by:
alexhogan earned 500 total points
ID: 10929579
>If I were to try to use css, am I still using the original output from Dreamweaver or Fireworks tools?  
Sure.., that's the beauty of style sheets.  You don't change any of the content code, just the style that's used to present the content.  Whether that content is text on a page, a menu item(s), tables of graphics it doesn't matter.  The style sheet will dictate the look and feel.  

There are even a couple of contests out there that have the contestants use style sheets only to change the appearance of the sample website.  The winner is the one that comes up with the most original design concept.  After looking at a few you'd think there is no way that you can change the look and feel of a website that dramatically with css alone, but you'd be wrong.

Pretty nifty if you ask me.

>What about the .js file?
Nothing will change here.  You'll use the script in exactly the same way.
0
 
LVL 1

Expert Comment

by:thurston_l
ID: 10929731
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
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The next wave of Panda releases starts with Panda2.1 After the game-changing Panda2.0 update that caused a reduction in Google search engine referral traffic to a newly affected and larger set of websites, more Panda updates were already in the pip…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now