Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Wednesday July 18 2012 - 06:07:22

Menu bar image?


Poster: The Hat
Dated: Monday October 7 2002 - 12:06:16 BST

How do I put an image into my full width menu bar instead of just a colour? :?:

I've tried adding the URL to a couple of places without much luck. I think something else needs changing to make it work. :oops:


Poster: The Hat
Dated: Tuesday October 8 2002 - 15:49:00 BST

Does anyone know or am I asking a silly question?


Poster: trytrix
Dated: Wednesday October 9 2002 - 19:59:06 BST

HI,

Like this :

,"<center><img src=wegwijzer.jpg>","wegwijzer.html",,"De weg naar St. Antelinks Mijnheer ?",1


Best regards,

Trytrix
(From The Flanders Fields 8O )


And .. just give me a HIT at : http://www.ransbecca.be


Poster: The Hat
Dated: Thursday October 10 2002 - 2:19:22 BST

trytrix wrote:
HI,

Like this :

,"<center><img src=wegwijzer.jpg>","wegwijzer.html",,"De weg naar St. Antelinks Mijnheer ?",1


Best regards,

Trytrix
(From The Flanders Fields 8O )


And .. just give me a HIT at : http://www.ransbecca.be


Sorry, not what I meant. That just puts an image into the button.

What I want is a repeating image in the Overall Width Bar of the Horizontal Menu.
Like here where the menu bar is full width, but all blue.
I want to replace the blue with an image. :?:


Poster: trytrix
Dated: Monday October 14 2002 - 14:54:50 BST

HI,

Have a look at :

http://www.milonic.com/menu/menusample.php?sampleid=7

You have to define the "//Mouse Off Background Color" and the "// Mouse On Background Color" as transparent.

I.e.
BigTransparent=[ // BigTransparent is an array of properties. You can have as many property arrays as you need
"FFFFFF", // Mouse Off Font Color
"", // Mouse Off Background Color (use zero for transparent in Netscape 6)
"FF0033", // Mouse On Font Color
"", // Mouse On Background Color
"", // Menu Border Color
"14", // Font Size (default is px but you can specify mm, pt or a percentage)
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Helvetica", // Font Name
5, // Menu Item Padding or spacing
, // Sub Menu Image (Leave this blank if not needed)
0, // 3D Border & Separator bar
, // 3D High Color
, // 3D Low Color
, // Current Page Item Font Color (leave this blank to disable)
, // Current Page Item Background Color (leave this blank to disable)
, // Top Bar image (Leave this blank to disable)
, // Menu Header Font Color (Leave blank if headers are not needed)
, // Menu Header Background Color (Leave blank if headers are not needed)
"000000", // Menu Item Separator Color
]

and ... in the addmenu[] section in item 18 you can define the background url image ..

i.e.

addmenu(menu=[
"dynbackmenu", // Menu Name - This is needed in order for this menu to be called
160, // Menu Top - The Top position of this menu in pixels
14, // Menu Left - The Left position of this menu in pixels
150, // Menu Width - Menus width in pixels
2, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
BigTransparent, // Properties Array - this array is declared higher up as you can see above
1, // Always Visible - allows this menu item to be visible at all time (1=on or 0=off)
, // Alignment - sets this menu elements text alignment, values valid here are: left, right or center
"Fade(duration=0.2);Shadow(color=777777, Direction=135, Strength=5)",// Filter - Text variable for setting transitional effects on menu activation - see above for more info
0, // Follow Scrolling Top Position - Tells this menu to follow the user down the screen on scroll placing the menu at the value specified.
0, // Horizontal Menu - Tells this menu to display horizontaly instead of top to bottom style (1=on or 0=off)
0, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on or 0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to specified width or 100% and height to a specified amount
0, // Right To Left - Used in Hebrew for example. (1=on or 0=off)
0, // Open the Menus OnClick - leave blank for OnMouseover (1=on or 0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
"/menuimages/raindrops_light.gif",// Background image for menu Color must be set to transparent for this to work
0, // Scrollable Menu
, // Miscellaneous Menu Properties
,"Just a Link","test.php",,,0
,"Sub Menu Holder","show-menu=submenu1","test.php",,0
,"Sub With Lines","show-menu=SubsWithSeparators","#",,0
,"MouseOvers","show-menu=MouseOvers","#",,0
])


Best regards,

Trytrix

(From The Flanders Fields 8O )

Much easier way


Poster: a_pawsey
Dated: Friday October 18 2002 - 13:03:07 BST

There is a much easier way than this.

Just create a table with a row that has a background image that you want to use.

Then just overlay the menu on top - either absolutely positioned or relatively using placemenu