sub menu images

Poster: benjaminwg
Dated: Tuesday June 1 2004 - 21:20:09 BST

On the milonic web site, the menu bar contains 2 items I cannot find any documentation on how to implement into the "menu_data.js" file.

The items I am referring to are:
1) The main topic "DHTML Menu" - with the arrow pointing down.
Once you do a mouse over on this button, the sub navigation drops down. On the sub navigation, the 2nd item down, "DHTML Menu Samples" has two images on this.

I know how to do the first image, but I don't know how to ad the second image on the right side (which is also different from the arrow pointing down on the first layer (Main).

Can someone please explain how to do this & also provide any code for this.

2) Second Item - Same location, - Now go to the link - "DHTML Menu Samples" - There are three (3) links that are high lighted with a different background color from all others 1)Text based samples, 2) Functionality Samples Samples, 3) Image Based Samples

Again, how is this done & can someone provide me the coding on how to do this.

Thank You,

Ben

Poster: Maz
Dated: Tuesday June 1 2004 - 22:55:31 BST

I think you are talking about
pageimage="/images/yourimage.gif";

Just add it to a global style and the page that you are on will show what ever image you chose.

maz

see styles below:

Poster: benjaminwg
Dated: Wednesday June 2 2004 - 0:12:23 BST

This reply is very vague. This does not give me the answer I am looking for.

Poster: Maz
Dated: Wednesday June 2 2004 - 2:51:29 BST

Hi,

Every menu at milonic.com shows the menu_data.js code for different menus.

To understand how to change the styles take a look at the begginers section on the forum.

Try changing things to suit and bring it up in your browser, if it doesn't work, then go back in the editor to where it did work and try again.

There are many kinds of images and you see all the names of them in the styles links below.

image is a regular image.
overimage comes up on mouse over.

subimage is the image that shows you there is a submenu.
onsubimage is the submenu image on mouse over.

pageimage is the current page.

You can use any images and add your path to the image tag.

subimage="/images/arrow.gif";

If you place this in main_menu (global) styles then every menu item with a submenu will show this image.

Now if you look at the styles, you can also align images, use padding etc.

Start building a menu and then show us your url when you need help, it will be easier to look at your code to help you.

If you just want a double arrow image, you could make one, or maybe somone here knows if there is a download somewhere.

maz

Poster: Ruth
Dated: Wednesday June 2 2004 - 11:21:26 BST

The part about the three items highlighted..they are headers. You can put them in the global style section at the top of the data file or you can code them right in the item you decide to make a header.

Ruth

Re: sub menu images

Poster: John
Dated: Wednesday June 2 2004 - 14:56:05 BST


Ben, a little more reading may be in order. See http://www.milonic.com/forum/viewtopic.php?t=2981.

Also, as for the example you mentioned above, just take a look at how Andy did it. The code is not a secret. See http://www.milonic.com/menu_data.php.

Poster: kevin3442
Dated: Wednesday June 2 2004 - 16:24:54 BST


Hi Ben,

I think what you probably meant to say was:

Hi Maz,

Thanks for taking the time to reply. Unfortunately, I don't quite follow what you meant. Since I'm sort of new to all this menu stuff, I wonder if you'd be willing to take some more time and provide a bit more detail. I'd appreciate any help you might be able to provide.

Thanks Again,

Ben

Is that about right?

Kevin

Poster: benjaminwg
Dated: Wednesday June 2 2004 - 16:37:28 BST

I want to first say Thank you to everyone that has posted replies. One of my two questions has been resolved. The second question.

I won't say that's quite true. = I have read through probably 3/4th's of every menu_data.js under the link of "Sample menus" / http://milonic.com/menu.php
What Mez suggested is not a straight forward answer to my question in regards to having two (2) images on the same link. Neither image is a global image. Both images are independent of any other image on that page & are only for that link / line of code. One is on the left side of the text, one is on the right side. The one on the right side looks as if it a sub menu image.

None of the "Sample menus" / found at "http://milonic.com/menu.php" show this example.

I've dug through every sample menu that has images or any relevancy to it.

Yet I know it's there - See my original post description on where to view the example -
Maybe I asked / poised the question in the wrong way.


Ben

Poster: Maz
Dated: Wednesday June 2 2004 - 16:50:15 BST

Like John said, view the source and you'll see how he did it.

maz