Графика >> Меню

td.menu {
background:url(/menu/menu.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
td.menu:hover {
background:url(/menu/menu2.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
a.menu {
color:#ffffff;
font-family:Monotype Corsiva;
text-decoration:none;
font-size:24;

<table align="center"><tr> <td class="menu"><a href="#" class="menu">Главная</a></td>
<td class="menu"><a href="#" class="menu">Ссылка</a></td>
<td class="menu"><a href="#" class="menu">Ссылка</a></td>
<td class="menu"><a href="#" class="menu">Ссылка</a></td>
<td class="menu"><a href="#" class="menu">Ссылка</a></td>
<td class="menu"><a href="#" class="menu">Ссылка</a></td>
</tr></table>

td.menub {
background:url(/menu/menub.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
td.menub:hover {
background:url(/menu/menu2b.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
a.menub {
color:#ffffff;
font-family:Monotype Corsiva;
text-decoration:none;
font-size:24;
}

<table align="center"> <td class="menub"><a href="#" class="menub">Ссылка</a></td>
<td class="menub"><a href="#" class="menub">Ссылка</a></td>
<td class="menub"><a href="#" class="menub">Ссылка</a></td>
<td class="menub"><a href="#" class="menub">Ссылка</a></td>
<td class="menub"><a href="#" class="menub">Ссылка</a></td>
</tr></table>

td.menuo {
background:url(/menu/menuo.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
td.menuo:hover {
background:url(/menu/menu2o.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
a.menuo {
color:#ffffff;
font-family:Monotype Corsiva;
text-decoration:none;
font-size:24;

<table align="center"> <td class="menuo"><a href="#" class="menuo">Ссылка</a></td>
<td class="menuo"><a href="#" class="menuo">Ссылка</a></td>
<td class="menuo"><a href="#" class="menuo">Ссылка</a></td>
<td class="menuo"><a href="#" class="menuo">Ссылка</a></td>
<td class="menuo"><a href="#" class="menuo">Ссылка</a></td>
</tr></table>

td.menublack {
background:url(/menu/menublack.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
td.menublack:hover {
background:url(/menu/menu2black.png);
text-align:center;
color:#ffffff;
font-family:Monotype Corsiva;
width:168;
height:49;
}
a.menublack {
color:#ffffff;
font-family:Monotype Corsiva;
text-decoration:none;
font-size:24;

<table align="center"> <td class="menublack"><a href="#" class="menublack">Ссылка</a></td>
<td class="menublack"><a href="#" class="menublack">Ссылка</a></td>
<td class="menublack"><a href="#" class="menublack">Ссылка</a></td>
<td class="menublack"><a href="#" class="menublack">Ссылка</a></td>
<td class="menublack"><a href="#" class="menublack">Ссылка</a></td>
</tr></table>