Re: Spry Menu is just Butt Ugly, how can I change it ?

Thank you David... I found the page last night, before posting here, but I
didn't read the comments. I have it bookmarked and will read through them
later.

That page states mostly what I have said, there are three variables, and only
three that can be customized in Dreamweaver, size, type, and colors.

I looked at your site, it's a nice use of the colors.

Maybe it's just me, but the more I look at these buttons, the more I am
reminded of my old Mac, that got replaced back in 2000.


[q]Originally posted by: Newsgroup User
ChipThome wrote:

This is my first run with Dreamweaver, and first attempt at using the Spry
Menu
on a page. I am sorry to say, the general appearance of the buttons right
out
of the box, just plain sucks. They are flat, have zero life to them, and in
general look like 10 year old technology regardless of how well they work.

The Spry menu bar just gives you the basic functionality and a simple
style sheet. The rest is left up to your design skills. The help files
give a basic outline of the rules you need to change to customize a menu
bar. There is also a lot of further information in the Comments section
at the foot of the page:


http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSEE4C0148-A6F4-4bf5-9DEF-CE0
6AB026214a.html

As an example of what can be done with a Spry menu bar, take a look at
this sample page on my website:

http://foundationphp.com/dwcs4/stroll.php

Not all links are active, because it's a demonstration of a case study
in my book.

--
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com
[/q]

I wrapped the basic spry menu in a div and used a background image for the div,
so it greatly improved the look of the menu bar.

<div id="nav">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li ><a href="#">Home</a></li>
[LI]<a href="#">Link1</a></li>
[LI]<a href="#">Link2</a></li>
[LI]<a href="#">Link3</a></li>
[LI]<a href="#">Link4</a></li>
[LI]<a href="#">Link5</a></li>
[LI]<a href="#">Link6</a> </li>
[/BULLET]
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>

CSS:
...
#nav {
overflow: hidden;
width: 896px;
background-image: url(../images/Banner.gif);
}
...

Have fun!

Mike