Link to home
Start Free TrialLog in
Avatar of BrianEMorgan
BrianEMorganFlag for United States of America

asked on

How I could make my spry menu bar more professional looking? For example make it look like the menu bar on invitrogen.com. That menu bar is longer on some tabs than others and has rounded edges.

Dreamweaver Cs3 spry menu bar horizontal. Trying to create a professional looking menu bar. Looking for some tips and tricks.
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

The basic menu bar is pretty plain, so if you want something nicer you need to play with the CSS file that DW generates and start adding images and different colors to things.

The documentation and demos for the menu bar are located here:

http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

and each of those links shows you how to customize things.  
Avatar of BrianEMorgan

ASKER

Thanks for those links, but I was kind of looking for even more than that. If it is something that you can do, I basically want to make my menu bar become part of the site instead of just being all alone at the top. Does that make sense? ratepoint.com and invitrogen.com are good examples of what I mean.
I'm not sure I understand, then.

All the Spry menu bar is is an <ul> with CSS and javascript that controls how it acts.  If you want it to appear in a different location, just move the code block to where you want it.  If you want to integrate into your site's design, you edit the CSS file for the menu bar until you have the effect you want.
Thanks for respond back. Alright then I guess my questions is How can I integrate my menu bar into my site's design, do you suggestions or links to website showing some examples of how it is done? Or do you know any where I can find some advanced Dw tutorials because all I keep finding is the basic building tools, no tutorials with advanced customization.
ASKER CERTIFIED SOLUTION
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

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
Alright thanks do you know any good links to tutorials for page layouts? Basically I can build a website that looks like the majority of personal websites out there, I am trying to make mine look professional without hiring somebody, haha. Any help is much appreciated.
The great thing about web pages is that if you can see it, you can get the code necessary to do it.

So as you browse around and see things you like, save the page locally with images and open it in DW to see how it was done.