Go Menu color

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • bob60
    Sergeant

    • Dec 2006
    • 22

    Go Menu color

    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

    Best Health Store
  • navaldesign
    General & Forum Moderator

    • Oct 2005
    • 12080

    #2
    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>
    Navaldesign
    Logger Lite: Low Cost, Customizable, multifeatured Login script
    Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
    DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
    Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

    Comment

    Working...
    X