2 Replies Latest reply: Jan 21, 2010 7:38 AM by David_Powers RSS

    Spry - Hoover colour is blue how do I change it?

    rjtyrell

      Hi,

       

      I have built my first Spry menu, only a basic one.  When I preview the hoover colour is blue, how do I change this?, the HTML is

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Untitled Document</title>
      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
      </head>

       

      <body>
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a class="MenuBarItemSubmenu" href="#">Latest News</a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Match Reports</a></li>
            <li><a href="#">Fixtures / Results</a></li>
            <li><a href="#">Match Photos</a></li>
            <li><a href="#">League Table</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">The Club</a>
          <ul>
            <li><a href="#">Honours</a></li>
            <li><a href="#">Non Official Forum</a></li>
            <li><a href="#">Directions</a></li>
            <li><a href="#">HFC Contacts</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">1st Team</a>
          <ul>
            <li><a href="#">Match Reports</a></li>
            <li><a href="#">Match Photos</a></li>
            <li><a href="#">Fixtures / Results</a></li>
            <li><a href="#">League Table</a></li>
            <li><a href="#">Appearences</a></li>
            <li><a href="#">Stats</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Reserve Team</a>
          <ul>
            <li><a href="#">Match Reports</a></li>
            <li><a href="#">Match Photos</a></li>
            <li><a href="#">Fixtures / Results</a></li>
            <li><a href="#">League Table</a></li>
            <li><a href="#">Stats</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Fundrising</a>
          <ul>
            <li><a href="#">Chance</a></li>
            <li><a href="#">Easy Fundrising</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Sponsorship</a>
          <ul>
            <li><a href="#">Opportunities</a></li>
            <li><a href="#">Catalogue</a></li>
          </ul>
        </li>
      </ul>
      <script type="text/javascript">
      <!--
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      //-->
      </script>
      </body>
      </html>