Does anyone know how to do this?

Can someone point me to a tutorial of some sort to be able to do this type of menu, were another color rolls over the original color

http://www.ummalquwainmarina.ae/en/

I cant find one

Thanks a lot!

Dave

 

I assume you're talking the about menu. The effect is done in Flash; it may be re-created in DHTML (I'm not sure) or it could be done by using a roll-over animated image but they're using Flash. I couldn't find a relevant tutorial but there are a ton of other Flash-menu tutorials out there.

 

No need for DHTML (what a load of **** that is)...

Steelfrog is correct, they are using flash for theirs. But that isn't nessasarily a good thing.

The same sort of affect can be achieved using some nice HTML and CSS. Say you have a menu for instance,

<ul id="menu">
     <li>
        <a href="#"> Home </a>
    </li>
    <li>
        <a href="#"> Link 1 </a>
    </li>
    <li> 
         <a href="#"> Link 2 </a>
     </li>
</ul>

Code (markup):

Then very simply you could use the following code to change the background colour of each of your list items.

CSS:

/* original background color */

#menu li a
{
color: #000000;
background-color: #ffffff;
} 

/* on rollover change colour */
#menu li a:hover
{
color: #ffffff;
background-color: #000000;
}

Code (markup):

The above code will change switch the colour of the text and the background colour as you rollover them....

Not tested btw, I am a bit rusty...

Nick