Iya.. paling mudah itu pake map. Kalo di dreamweaver tinggal klak-klik.
Btw, solusi lain ada juga. Bikin menu gambar miring tsb jadi png+transparent. Trus pake CSS ditempatkan diposisinya. Contohnya nih, tapi cuma dua gambar.
HTML Code:
<style>
#home {
position: absolute;
top: 100px;
left: 100px;
z-index: 10; /* Makin tinggi angkanya, makin didepan */
}
#portfolio {
position: absolute;
top: 170px;
left: 90px;
z-index: 9;
}
</style>
<img id="home" src="home.png"/>
<img id="portfolio" src="portfolio.png"/>
Itu berarti yang about us, z-index nya harus diatas 9, soalnya product bakal 8.
Cara lainnya dengan CSS3
-moz-transform,
-moz-transform-origin, atau
-webkit-transform. Gambar dibikin tetep lurus, trus CSS nya yang miringin. Cuma kalo pake cara ini, cuma bisa dibuka oleh web browser yang udah mengimplementasikan CSS3. Itu berarti BlackBerry gak bisa.