Не судите строго мой первый рип меню :) Скрин===>> http://s54.radikal.ru/i146/1103/ed/d8e050ecc597.gif
Вот код:
[codes]<div class="box2"><!-- <bc> --><SPAN class="menub">
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
<a href="Ваш Ссылкаа">Название</a>
</span>[/codes]
Вот в css:
[codes]/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:#E7EEF8;}
.fastNavCatA {background:#E7EEF8;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */
.box {width:219px;padding:5px;}
.box1 {background:url('http://www.gamelose.ru/img/menu_1.png');height:22px;color:#e0a913;text-shadow:0.1em 0.1em 0.05em #000;padding-top:10px;padding-left:15px;font:bold 9pt Arial;}
.box2 {background:#292929;padding:7px;}
.box3 {background:url('http://www.gamelose.ru/img/menu_3.png');height:6px;}
.menub {width:100%;height:22px}
.menub a:link,
.menub a:visited {margin-bottom:4px;padding-left:10px;padding-top:3px;line-height:22px;height:17px;width:197px;-moz-border-radius:8px;border-radius:8px;border:1px solid #514f4f;text-shadow:0.1em 0.1em 0.05em #000;display:block;text-align:left;font: normal 9pt Arial;}
.menub a:hover {padding-left:10px;padding-top:3px;color:#e0a913;text-shadow:0.1em 0.1em 0.05em #000;border:0px;line-height:22px;height:19px;width:199px;display:block;background:url('http://www.gamelose.ru/img/menub2.png') no-repeat;text-align:left;font: normal 9pt Arial;}
.menu_head,
.menu_head:link,
.menu_head:active,
.menu_head:visited {height:23px; display:inline-block;font-weight:bold;font-family:Tahoma; font-size:9pt;cursor:pointer;}
.menu_head:hover {background:url('http://www.gamelose.ru/img/menu_head_l.png') no-repeat;text-decoration:none;}
.menu_head:hover span {background:url('http://www.gamelose.ru/img/menu_head_l.png') no-repeat;text-decoration:none;padding:0px;margin:0px;}
.menu_head span {height:15px; padding:7px 5px; display:inline-block;color:#e0a913;cursor:pointer;}
.menu_head span:hover {color:#000;background:url('http://www.gamelose.ru/img/menu_head_c.png') right no-repeat;padding:0px;margin:0px;margin-left:9px;padding:4px 5px;padding-right:14px;}
.fon_menu {background:url('http://www.gamelose.ru/img/fon_menu.png');height:35px;width:550px;text-align:center;padding-top:7px;}[/codes]
З.Ы. В рипе есть одна помарка, но я потом её исправлю :)
З.Ы.Ы. Меню знаю не очень интересное, но вдруг комуто пригодится :-)
__________________________________________________________________________________________________
Так же вот ещё верхнее меню...
Скрин===>> http://s47.radikal.ru/i116/1103/e3/f1d920d31f94.gif
Код:
[codes]<div class="logo">
<div style="padding-top:90px;padding-left:4px">
<div style="padding:2px"><a href="javascript://" onclick="openLayerB('Copyright',0,'http://gamelose.ru/copyright.xml','Авторские права',550,380,'1'); return false;"><div class="copy"></div></a></div>
<div style="padding:2px"><a href="#"><div class="selected"></div></a></div>
<div style="padding:2px"><a href="#"><div class="help"></div></a></div>
</div>
</div>
<div class="fon_head_l"></div>
<div class="fon_head">
<div style="float:right;padding-top:5px">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><div class="fon_menu">
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
<a class="menu_head" href="Ваша Ссылка"><span>Название</span></a></li>
</div></tr></td>[/codes]
З.Ы. Может тоже, кому-нибудь пригодится :-)
P.S. И там не голубой цвет, а рыжий)))