Ha külön akarod választani a menük témáit mint például itt, hogy felül vannak az oldal cuccai alol pedig a weboldal témáinak moduljai, akkor ez a kód hasznos lehet számodra. :) Igazából nem ezt szerettem volna létrehozni, de amikor megláttam, hogy "véletlen" mit alkottam akkor megtetszett. :)

HTML kód:

<div id="menu1">

<a href="/">Menü 1</a>

<a href="/">Menü 1</a>

<a href="/">Menü 1</a>

</div>

<div id="menu2">

<a href="/">Menü 1</a>

<a href="/">Menü 2</a>

<a href="/">Menü 3</a>

<a href="/">Menü 4</a>

</div>

<style>

#menu1   {

background:#5F9EA0;

font-family:'tahoma';

text-transform:uppercase;

text-align:center;

font-size:15px;

color:#fff;

}

#menu1 a {

color:#fff;

display:inline-block;

padding:5px 4px 5px 4px;

}

#menu1 a:hover {

color:#fff;

background:#2F4F4F;

cursor:pointer;

}

#menu2   {

background:#dd5588;

font-family:'tahoma';

text-transform:uppercase;

text-align:center;

font-size:15px;

color:#fff;

}

#menu2 a {

color:#fff;

display:inline-block;

padding:5px 4px 5px 4px;

}

#menu2 a:hover {

color:#fff;

background:#d24378;

cursor:pointer;

}

</style>