Dem�:

• Men�pont01
• Men�pont02
• Men�pont03

HTML:
Ezt a k�dot kell abba a modulba tenned, ahov� szeretn�d a men�det rakni. �rtelemszer�en az URL hely�re megy a men�pontod URL-je, a Men�pont hely�re pedig a men�pont neve.

<ul class="bevelmenu">
    <li><a href="http://www.URL">Men�pont</a></li>
    <li><a href="http://www.URL">Men�pont</a></li>
    <li><a href="http://www.URL">Men�pont</a></li>
</ul>

Amennyi men�pontot szeretn�l, annyiszor rakd egym�s al� a
    <li><a href="http://www.URL">Men�pont</a></li>
sort, de arra �gyelj, hogy az elej�n maradjon az <ul class sor, s a v�g�t a </ul> z�rja.

CSS:
Itt adhatod meg a men� sz�n�t, m�ret�t. A legfontosabb r�szeket jel�lt�k a k�dban, ezt nem kell kit�r�ln�d bel�le. Ha csak egyszer haszn�lod ezt a men�t az oldaladon, akkor a CSS mehet nyugodtan abba a modulba, amelyikben a men�d van; de ha t�bbsz�r haszn�ln�d, akkor bal/jobb oldali modulba rakd.

<style type="text/css">
.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px;    /* men� sz�less�ge */
}
.bevelmenu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #e3ffbf;    /* men� sz�ne */
border: 2px solid #e3ffbf;    /* men� keretsz�n */
text-decoration:none;
}
.bevelmenu li a:active, a:link, a:visited{
color: #4e7f08;    /* men�pont sz�ne */
}
.bevelmenu li a:hover{
color: #000000;    /* men�pont sz�ne, ha r�viszed az egeret */
background-color: #b1e567;    /* men�pont h�tt�rsz�ne, ha r�viszed az egeret */
text-decoration: none;
border-style: outset;
}
</style>