A fejléckódhoz be kell illeszteni a következő részletet:

<center> <!-- menü kód eleje --> <DIV class="menut">
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<!-- menü kód vége --> </DIV> <p> </center>

Az oldalsó modulba is be kell illeszteni a következő részletet:
<center> <!-- menü kód eleje --> <DIV class="menut">
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<!-- menü kód vége --> </DIV> <p> </center>
<a href="http://"> Menüpont </a>
<a href="http://"> Menüpont </a>
<!-- menü kód vége --> </DIV> <p> </center>

Aztán pedig a rá vonatkozó css részletet illesszük a css kódunkba a </style> elé.
/* oldalsó modulba és fejlécre ugyanolyan menü */
.menut a {
color: #ffffff !important;
text-align: center !important;
background-image: url("");
background-color: #F7A85D ;
font-family: Courier New ;
letter-spacing: 0px;
font-weight: normal;
text-decoration: none;
float: center;
margin: 11px 5px 11px 5px; /* menüpontok közötti távolság: fent, jobb, lent, bal */
padding: 8px 30px 8px 30px; /* menüpontokban a felirat: fent, jobb, lent, bal */
text-shadow: #ffffff 0px 0px 0px ;
font-size: 12px; }

.menut a:hover { /* ha ráviszed az egeret */
color: #ffffff !important;
text-align: center !important;
background-image: url("");
background-color: #222222 ;
font-family: Courier New ;
letter-spacing: 0px;
font-weight: normal;
text-decoration: none;
float: center;
margin: 11px 5px 11px 5px; /* menüpontok közötti távolság: fent, jobb, lent, bal */
padding: 8px 30px 8px 30px; /* menüpontokban a felirat: fent, jobb, lent, bal */
text-shadow: #ffffff 0px 0px 0px ;
font-size: 12px; }