это вставляем в CSS
Code
/* ----- TOP HORIZONTAL MENU ----- */
#menue-l {
height: 26px;
background: #125192 url(http://all.ucoz.ua/MAX_v20/images/menue-bgl.gif) left bottom no-repeat;
position: relative;
padding-left: 12px;
}
#menue-r {
height: 26px;
background: url(http://all.ucoz.ua/MAX_v20/images/menue-bgr.gif) right bottom no-repeat;
position: relative;
padding-right: 12px;
}
#menue {
margin: 0;
padding: 0;
height: 26px;
background: url(http://all.ucoz.ua/MAX_v20/images/menu_bg.gif) left bottom repeat-x;
position: relative;
overflow: hidden;
}
#nav {
margin: 0;
padding: 0;
height: 26px;
}
#nav a:link, #nav a:visited {
display: block;
float: left;
height: 26px;
line-height: 18px;
padding: 0px 8px 0 8px;
color: #fd9528;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFF;
background: transparent url(http://all.ucoz.ua/MAX_v20/images/hover_menu.gif) left top no-repeat;
}
#nav a:hover {
color: #FFF;
background: #15428c url(http://all.ucoz.ua/MAX_v20/images/hover_menu.gif) left bottom repeat-x;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}
/* ----- REGISTER TOOLS IN TOP MENU ----- */
#toolbar{
position: absolute;
right: 20px;
top: 0px;
display: block;
width: 195px;
line-height: 18px;
height: 26px;
color: #FFF;
font-weight: normal;
font-size: 10px;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
text-align: right;
}
#toolbar img {display:none}
#toolbar a:link, #toolbar a:visited {font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #FFF;}
#toolbar a:hover {font-family: Tahoma, Verdana, Helvetica, sans-serif; text-decoration: underline; color: #FFF;}
/* ----- TOP 2 HORIZONTAL MENU ----- */
#menue2-l {
height: 40px;
background: transparent url(http://s44.radikal.ru/i103/0902/47/ea470d900ee2.png) 0 0 no-repeat;
position: relative;
padding-left: 25px;
}
#menue2-r {
height: 40px;
background: transparent url(http://i028.radikal.ru/0902/82/9ad5e6e070ec.png) 100% 0 no-repeat;
position: relative;
padding-right: 25px;
}
#menue2 {
margin: 0;
padding: 0;
height: 40px;
background: #eaeaea url(http://s50.radikal.ru/i130/0902/b5/0fde8194d13e.png) top repeat-x;
position: relative;
overflow: hidden;
}
#nav2 {
float:left;
background: transparent;
line-height:normal;
}
#nav2 ul {
margin:0;
padding:0;
list-style:none;
}
#nav2 li {
display:inline;
margin:0;
padding:0;
}
#nav2 a {
float:left;
background:url(http://s47.radikal.ru/i116/0902/70/5e7331b799d6.gif) left top no-repeat;
margin:0;
padding-left: 13px;
text-decoration:none;
}
#nav2 a span {
float:left;
display:block;
background:url(http://s40.radikal.ru/i090/0902/d5/b653009ab94a.gif) right top no-repeat;
padding:14px 0;
padding-right: 13px;
color:#4e4e4e;
}
/*Commented Backslash Hack hides rule from IE6*/
#nav2 a span {float:none;}
/* End IE6 hack */
#nav2 a:hover span {
color:#fff;
}
#nav2 a:hover {
background-position:0% -40px;
background-color: #c25cda;
}
#nav2 a:hover span {
background-position:100% -40px;
background-color: #c25cda;
}
А это код самого меню, вставляем туда туда где будет меню.
Code
<div id="menue2">
<div id="menue2-r">
<div id="menue2-l">
<div id="nav2">
<ul>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
<li><a href="ССЛЫКА" title="НАЗВАНИЕ"><span>НАЗВАНИЕ</span></a></li>
</ul>
</div>
</div>
</div>
</div>