Can I get the menu to look like this? Transparent borders?

vikenk · Post by **vikenk** » Thu Dec 22, 2005 7:08 pm

Hello everyone,

I want to implement the Milonic menu in my own personal site but I want to retain the old menu's look. Go to:

http://home.comcast.net/~vikenk

On the left is a menu system that's NOT Milonic. I'd like to replace the menu but retain it's look. Notice how each menu item (to use a Milonic term) has a (IE Only) shadow around it? This was achieved by making the borders around the menu and between the menu items transparent. I want to retain this look, with the shadow around each item.

How can I aceive this with the Milonic menu? I've tried separatorwidth="" ; - leaving the value blank. I've also tried to type "transparent" as the value, but neither attempt worked.

Any ideas? Thanks.

Viken K.

Migru · Post by **Migru** » Thu Dec 22, 2005 10:09 pm

Hi

a) Please look at
http://support.milonic.com/demos/frames/index.htm
there is a sample menu explained, using frames and
b) http://milonic.com/styleproperties.php
the style properties are listed, where you will find
- separatorwidth
- separatorsize and
- separatorcolor (which might be "transparent"; )
It is also advisable to see the beginner user manual
http://milonic.com/beginner.php
where all these properties are explained.

Another issue is, that your site looks different, when e.g. Firefox is used as a browser, compared with IE. That is why I would make these "shadows" part of the image in order to keep the visual effect even in FF. (where actually they are not visible at all)

There might be some more ideas by others too !

Michael

Post by **Ruth** » Fri Dec 23, 2005 3:02 am

Hi,

Well, I don't know what 'shadows' you mean. I see black, unless you mean the light bursts. If that's what you mean you could actually use those as separator images since the light burst is on the left side. Just make the black part to the right of the burst wide, and use it as a separatorimage.

If you could tell me where the shadows are I'd be glad to experiment but I don't see any in FF or IE.

Ruth

Migru · Post by **Migru** » Fri Dec 23, 2005 3:32 am

Hi

the difference I see is : each image has a "border type" margin, bottom and right, visible in IE only. (on my desktop). This I am interpreting as "shadow",
but vikenk pls. confirm.

Ok I´m short on experience, but not everyone has always the same picture on his/her monitor as I have !!

Michael

Post by **Ruth** » Fri Dec 23, 2005 3:49 am

Hi,

Try this page, it seems to do what you want. I didn't do the submenus, just the main one. I'd suggest that you use the images as bgimages in the submenus. The main menu, those images are not bgimages, they have been cut and are separator images that are 20px high and 150px wide.

[Link removed]

Ruth

vikenk · Post by **vikenk** » Fri Dec 23, 2005 4:58 am

Ruth,

The shadows I refer to are in IE only and is the drop-shadow behind each item. It's the result of this code:

overfilter="Alpha(opacity=100);Shadow(color=#999999', Direction=135, Strength=6)";

If you don't see the shadow in IE, maybe you have JS turned off? I have a <noscript> menu as backup. I know that the shadows don't appear in FF or in Opera. It's something that I'm OK with.

But, in either case I got it! I used "separatorpadding" to add whitespace which was trasparent. But it only worke when I had a value in spearatorsize. So I set the separator size to 0.001, which made it invisible.

Look here. http://home.comcast.net/~vikenk/home_milonic.htm and compare to the original site.

Here's the relevant portion of code that I used in the menu to get this effect.

Code: Select all

separatorcolor="#000000";
separatorsize=0.001;
separatorpadding=5;

Thanks for the replies!

Viken K.

vikenk · Post by **vikenk** » Fri Dec 23, 2005 5:13 am

By the way, the menu on my site isn't nearly finished yet. I just wanted to see if I could retain the look of the old menu.

I have to finish the menu and finalize it. Interestingly enough, even though I have a link to Milonic, the forced link still appears...

Sheesh! Comcast's free servers are sooooooo slow!

Viken K.

Post by **Ruth** » Fri Dec 23, 2005 7:50 am

Thanks, that explains why I don't see it. I'm on IE 5.5 and for some reason if more than one property is placed in the filters code in the menu nothing shows. I took the alpha out and yes, now I can see it, and yes that is proprietary to IE, it uses direct x I think.

So, I can take down the page with the menu I made now?

Ruth

vikenk · Post by **vikenk** » Fri Dec 23, 2005 1:26 pm

Sure. You can take the menu down.

Thanks.