Najprosciej byloby ustandaryzowac rozmiar (szerokosc) przyciskow w tym menu (albo jeszcze lepiej przygotować szablony szarego i niebieskiego przycisku a pisać po nich zwykłą czcionką). Przyciski w miejscach, w których nachodzą na siebie, muszą mieć przezroczyste tło.
Następnie należy stworzyć odpowiedni kod wyświedlający przyciski:
<div id=menu>
<div class=
<? if ('glowna'==$_GET['p']) echo "menu-active"; else echo "menu-inactive"; ?>>Strona główna</div>
<div class="menu-position
<? if ('oferta'==$_GET['p']) echo "menu-active"; else echo "menu-inactive"; ?>>Oferta</div>
</div>
i utworzyć odpowiednie klasy CSS. Każdy kolejny button ma klase menu-position i jest przesuwany w lewo, aby nachodzil na poprzedzajacy:
div.menuactive { background:url(img/menuactive.png); width: 130px; height: 30px}
div.menuinactive { background:url(img/menuinactive.png width:130px; height: 30px}
div.menuinactive:hover { background:url(img/menuactive.png); }
div.menuposition { position:relative; left: -30px }
Chyba powinno smigac. W razie czego chetnie pomoge bo musze nabic 10 postow zeby zrobic test z PHP