Két kódra van szükséged:

1. DIV ID
Ezt a kódot illeszd annak a modulnak a forráskódjába, ahol meg szeretnéd jeleníteni a menüt:
Amennyi menüpontot szeretnél, annyiszor rakd a kódban egymás alá ezt a sort:
  <li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
Értelemszerűen a menüpont url-je helyére megy a modul url címe, a menüpont nevéhez pedig a menüpont neve :), pl:
  <li><a href="//nevek.gportal.hu>Kezdőlap</a></li>

S itt a kód:

<div class="outer"> 
 <div id="menu">
  <ul>
  <li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
  <li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
  <li><a href="http://MENÜPONT URL-JE>MENÜPONT NEVE</a></li>
 </ul>
</div>
</div>

2. CSS
A kódot egy bal/jobb oldalon lévő egyszerű modul forráskódjába illeszd, amennyiben az oldaladon több helyen is ezt a menüt szeretnéd használni. Ha csak egy helyen, akkor rakhatod nyugodtan abba, amelyikbe a divet is raktad.

<style type="text/css">
.outer{
 margin:0px;
 padding:0px;
} 
#menu {
 width: 200px;
 border-style: solid solid none solid;
 border-color: #94AA74;
 border-size: 1px;
 border-width: 1px;
 }
#menu ul{
 list-style:none;
 padding:0px;
 margin:0px;
 } 
#menu li a {
 height: 32px;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 font-weight:normal;
 }  
#menu li a:link, #menu li a:visited {
 color: #5E7830;
 display: block;
 background:url(//nevek.gportal.hu/portal/nevek/image/gallery/1278966675_68.gif);
 background-repeat:no-repeat;
 padding: 8px 0 0 10px;
 } 
#menu li a:hover {
 color: #26370A;
 background:url(//nevek.gportal.hu/portal/nevek/image/gallery/1278966675_68.gif) 0 -32px;
 background-repeat:no-repeat;
 padding: 8px 0 0 10px;
 } 
#menu li a:active {
 color: #26370A;
 background:url(//nevek.gportal.hu/portal/nevek/image/gallery/1278966675_68.gif) 0 -64px;
 background-repeat:no-repeat;
 padding: 8px 0 0 10px;
 }
</style>