Ezzel a kóddal készíthetsz olyan menüt, amiknek a menüpontját képek alkotják. A lényeg, hogy valamilyen programban el kell készítened a menüpontok képeit. Értelemszerűen minden menüpontnak két kép kell: az egyik, ami alap állapotban jelenik meg, és a másik, ami akkor, ha ráviszik az egeret. Ez a fajta menüs megjelenés nagyon praktikus, hiszen csak a fantáziád szab határt! :)
A menü vízszintesen és függőlegesen is megjeleníthető. A bemutatott kódban a menüpontok egymás alatt lesznek, ha egymás mellé szeretnéd rakni, akkor annyi a dolgod, hogy töröld a kódból ezt: <br />

1.Demó:

2.Demó:

Kód:

<a onMouseOut="if(document.images) document.portalodneve.src='01 KÉP URL-je';
"onMouseOver="if(document.images) document.portalodneve.src='02 KÉP URL-je';
"href="LINK"><img height="15" alt="" width="130" border="0" name="portalodneve"
src="01 KÉP URL-je" /><br /></a>

document.portalodneve.src <= a portalodneve helyére írd a portálod nevét, pl.: document.nevek.src
01 KÉP URL-je <= annak a képnek az URL-je, ami alap jelenik meg, ezt kétszer kell megadni egy kódon belül!
02 KÉP URL-je <= annak a képnek az URL-je, ami akkor jelenik meg, ha rávisszük az egeret
LINK <= annak a modulnak az URL-je, amire szeretnél hivatkozni
height="15" <= a kép magassága
width="130" <= a kép szélessége
name="portalodneve" <= értelemszerűen a portalodneve helyére megy a portálod neve, pl.: name="nevek"

A fenti kóddal egy menüpont jeleníthető meg. Amennyi menüpontot szeretnél, annyiszor másold a kódot egymás alá, s töltsd ki a fentiek szerint.
FONTOS! Ha a második menüpont következik, a portalodneve (document.portalodneve.src és a name="portalodneve") helyére ne csak a portálod nevét írd, hanem egy kettes számot is, példa: document.nevek2.src és a name="nevek2", és ezt minden újabb menüpontnál növeld eggyel. Tehát a harmadik menüpontnál már 3-ast írsz, a negyediknél 4-est...

A biztos megértés miatt, a demó kódját itt megtekintheted:

<a onMouseOut="if(document.images) document.nevek.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080275_95.jpg';
"onMouseOver="if(document.images) document.nevek.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080267_07.jpg';
"href="http://www.hd.vilaga.hu"><img height="15" alt="" width="130" border="0" name="nevek"
src="//nevek.gportal.hu/portal/nevek/image/gallery/1250080275_95.jpg" /><br /></a>

<a onMouseOut="if(document.images) document.nevek2.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080258_08.jpg';
"onMouseOver="if(document.images) document.nevek2.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080250_72.jpg';
"href="http://www.hd.vilaga.hu"><img height="15" alt="" width="130" border="0" name="nevek2"
src="//nevek.gportal.hu/portal/nevek/image/gallery/1250080258_08.jpg" /><br /></a>

<a onMouseOut="if(document.images) document.nevek3.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080240_21.jpg';
"onMouseOver="if(document.images) document.nevek3.src='//nevek.gportal.hu/portal/nevek/image/gallery/1250080228_27.jpg';
"href="http://www.hd.vilaga.hu"><img height="15" alt="" width="130" border="0" name="nevek3"
src="//nevek.gportal.hu/portal/nevek/image/gallery/1250080240_21.jpg" /><br /></a>

Megj.: egy portálon több modulba is helyezhetsz ilyen menüt, csak nem szabad elfelejtened a portálod neve utáni számokat. Tehát ha van egy képváltós menüd, amiben tegyük fel 4 menüpont van, akkor a következő képváltós menüben az első menüpontnál a portalodneve után az ötös számot írd. S ugyanúgy növeld eggyel a számokat.