Dem�:

• Men�pont
• Men�pont
• Men�pont

Ennek a men�nek az a l�nyege, hogy a s�t�t �s vil�gos sz�nek j�tsz�s�val olyan hat�st kelt, mintha kicsit kiemelkedne a men�pont, mikor r�vissz�k az egeret.

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="buttonmenu">
    <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. Arra figyelj, hogy ahol �rjuk, hogy vil�gos sz�n, ott vil�gost adj meg, a s�t�tn�l pedig s�t�tet.

<style type="text/css">
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 140px;    /* men� sz�less�ge */
font-size: 8pt;   /* men�pontok m�rete */
}
.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0;   /* vil�gos s�t�t s�t�t vil�gos - �gy add meg a sz�neket */
background-color: #704968;    /* s�t�t h�tt�rsz�n */
text-decoration:none;
}
.buttonmenu li a:visited{
color: #ffffff;   /* men�pont sz�ne, ha r�viszik az egeret, vil�gos sz�n legyen */
}
.buttonmenu li a:hover, .buttonmenu li a:active{
color: #000000;   /* men�pont sz�ne, s�t�t sz�n legyen */
background-color: #CDB4C8;    /* vil�gos h�tt�rsz�n */
}</style>