How do make shadows like on lycos.nl homepage?

Question

check this link: http://www.lycos.nl/portal/entertainment/index.html

You see the shadows in the tabs above, but the shadows are also coloured. The menu has rouned shadows, and some effect inside at the right side. How can I make this step-by-step?

Looking forward to your help,

Thanks in advance

Answer 1

Here, I'll break it down for you: Imagine we have the WebHosting tab:

<li id="globaltab4" onmouseover="globalTabOver(4);" onmouseout="globalTabOut(4);"><a id="509_Webhosting" href="/L/J/4.html" title="Webhosting">Webhosting</a></li>

It includes two css ids and one script reference.

Two make something this advanced, you would need to know advanced javascript and css:

css:

http://www.w3schools.com/css/

javascript:

http://www.w3schools.com/JS/default.asp