Go Menu color

[bob60]

This may be a silly question and if it has been posted before,forgive me,but is there a way to add color to the "GO MENU" feature? I would like the menu to be one color ( not the black and white ) and maybe the drop down to be perhaps another color,is this possible? Thanks to everyone here for all their help in the past.
Thank you

http://www.besthealthstores.org

[navaldesign]

Re: Go Menu color

Not directly in BV, you need to add some code to assign colour. And, only for one colour (one for font, one for background). There is a trick though: Create the Go menu as you like it, copy it's html code, paste it in notepad. The code will be something like:


<form name="GoMenuForm2" action="">
<select name="GoMenu" style="width:199px">
<option selected>Select a link</option>
<option class="_self" value="http://www.link1.com">URL1</option>
<option class="_self" value="http://www.link2.com">URL2</option>
</select>
<input type="button" value="Go" onclick="OnGoMenuFormLink(this.form.GoMenu)">
</form>


Change it to be:

<form name="GoMenuForm2" action="">
<select name="GoMenu" style="width:199px;background-color:#FFFFB0;color:#00008B;font-family:Arial;font-size:10px">
<option selected>Select a link</option>
<option class="_self" value="http://www.link1.com">URL1</option>
<option class="_self" value=""http://www.link2.com ">URL2</option>
</select>
<input type="button" value="Go" onclick="OnGoMenuFormLink(this.form.GoMenu)">
</form>

Change font size, family, colour, and background colour as you like it.
Then copy the entire code. Drag a html box in your page, and make it the same dimensions as your original Gomenu. Place it in the same position as the Go menu.

Last: since the Go menu works with a Javascript function that BV autocreates, you need to place this function in the Between Head Tag of your page HTML. Copy / paste it from here:

<script language="JavaScript" type="text/javascript">
<!--
function OnGoMenuFormLink(GoList)
{
var url = GoList.options[GoList.selectedIndex].value;
var target = GoList.options[GoList.selectedIndex].className;
GoList.selectedIndex=0;
GoList.blur();
if (url)
{
NewWin=window.open(url,target);
window['NewWin'].focus()
}
}
//-->
</script>