Ну если ваш дизайн темного цвета то это меню подойдет для вашего дизайна !
Это кинуть туда где хотите видеть меню (Например в блок)
<!-- site_spoiler Код -->
<!--
spoiler_text
-->
<!--
/site_spoiler
--><div id="sidebar" class="lcol">
<div class="block leftmenu">
<ul class="lmenu reset">
<li><a href="http://mixlip.ru"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177435_home.png"> Главная</span></a></li>
<li><a href="http://mixlip.ru"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177488_forum.png"> Форум</span></a></li>
<li><a href="http://mixlip.ru"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177431_comment.png"> Последние комментарии</span></a></li>
<li><a href="http://mixlip.ru"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177477_search.png"> Поиск</span></a></li>
<li><a href="http://mixlip.ru"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177456_unread.png"> Непрочитанное</span></a></li>
<li><a href="/ucoz/" onclick="$('#ucoz-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177627_ucoz.png"> Всё для uCoz <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="ucoz-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/"><span>- Скрипты для uCoz</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Шаблоны для uCoz</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Кнопки для форума</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Иконки для форума</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Иконки групп</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Ранги</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Остальное</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Видео уроки по uCoz</span></a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="/dle/" onclick="$('#dle-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177746_dle.png"> Всё для DLE <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="dle-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/">- Релизы</a></li>
<li><a href="http://mixlip.ru/">- Шаблоны</a></li>
<li><a href="http://mixlip.ru/">- Модули</a></li>
<li><a href="http://mixlip.ru/">- Хаки</a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="/ipb/" onclick="$('#ipb-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177706_ipb.png"> Всё для IP.Board <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="ipb-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/">- Релизы</a></li>
<li><a href="http://mixlip.ru/">- Скины</a></li>
<li><a href="http://mixlip.ru/">- Модификации</a></li>
<li><a href="http://mixlip.ru/">- Хуки</a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="/photoshop/" onclick="$('#ps-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177750_photoshop.png"> Всё для Photoshop <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="ps-menu" style="display:none">
<ul class="reset">
<li><a href="http://ucoz-net.ru/photoshop/brushes/"><span>- Кисти</span></a></li>
<li><a href="http://ucoz-net.ru/photoshop/styles/"><span>- Стили</span></a></li>
<li><a href="http://ucoz-net.ru/photoshop/psd/"><span>- Psd исходники</span></a></li>
<li><a href="http://ucoz-net.ru/photoshop/gradients/"><span>- Градиенты</span></a></li>
<li><a href="http://ucoz-net.ru/photoshop/plugins/"><span>- Плагины</span></a></li>
<li><a href="http://ucoz-net.ru/photoshop/lessons/"><span>- Уроки</span></a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="/pay/" onclick="$('#pay-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177856_pay.png"> Платное <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="pay-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/">- Шаблоны</a></li>
<li><a href="http://mixlip.ru/">- Модули и скрипты</a></li>
<li><a href="http://mixlip.ru/">- Графика и PSD</a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="http://mixlip.ru//articles/" onclick="$('#articles-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177861_article.png"> Статьи <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="articles-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/"><span>- Статьи веб-мастеру </span></a></li>
<li><a href="http://mixlip.ru/"><span>- Статьи по uCoz </span></a></li>
<li><a href="http://mixlip.ru/"><span>- Раскрутка сайта</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Статьи по HTML</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Статьи по CSS</span></a></li>
<li><a href="http://mixlip.ru/"><span>- Статьи по javascript</span></a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="http://mixlip.ru/" onclick="$('#news-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177847_news.png"> Новости <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="news-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/"><span>- Новости сайта </span></a></li>
<li><a href="http://mixlip.ru/"><span>- Новости Интернета </span></a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="#" rel="nofollow" onclick="$('#serv-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177864_service.png"> Сервисы <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<div class="dcont" id="serv-menu" style="display:none">
<ul class="reset">
<li><a href="http://mixlip.ru/"><span>- Словарь веб-мастера <sup><b>Beta</b></sup></span></a></li>
<li><a href="http://mixlip.ru/"><span>- Все цвета Рунета</span></a></li>
</ul>
</div>
<ul class="lmenu reset">
<li><a href="javascript://" onclick="$('#site-menu').slideToggle('slow');return false;"><span><img src="http://mixlip.ru/uploads/posts/2013-03/1364177962_info.png"> Мы <img src="http://mixlip.ru/uploads/demo/2/arrow-down.png" alt="" align="absmiddle"></span></a></li>
</ul>
<!--
spoiler_text_end
-->Этот код в CSS
<!-- site_spoiler Код -->
<!--
spoiler_text
-->
<!--
/site_spoiler
-->
13px;font-size:1.3em}.block
.dcont{background:url("http://mixlip.ru/uploads/demo/2/greytop.png") repeat-x 0 2px;padding:13px}.leftmenu{background-color:#3a3a3a}.leftmenu
a{color:#fff}.lmenu a, .lmenu a
span{cursor:pointer;display:block}.lmenu
a{text-shadow:0 1px 0 #000;text-decoration:none;background:url("http://mixlip.ru/uploads/demo/2/lmenuhov.png") no-repeat 0 -999px;padding:7px
0 8px 0;width:100%;border-top:1px solid #404040;border-bottom:1px solid #1e1e1e}.lmenu a
span{padding:0
13px}.lmenu a:hover{text-shadow:0 1px 0 #B25803;border-top:1px solid #FFE207;border-bottom:1px solid #211200;background:url("http://mixlip.ru/uploads/demo/2/lmenuhov.png") repeat}.leftmenu
.dcont{background:#505050 url("http://mixlip.ru/uploads/posts/2013-03/1364178224_lmenucont.jpg") no-repeat}#bvote .btl
h4{margin-top:12px;float:left;font-size:1em}#bvote .btl
.vresult{margin-top:11px;float:right}.vtitle{margin-top: -20px;padding:10px
0 0 0;display:block;color:#fff;text-shadow:0px 0px 1px #B25803;position:relative;background:#FFCC05 url("http://mixlip.ru/uploads/posts/2013-03/1364178176_vtitle.png") no-repeat}.vtitle
b{width:194px;padding:0
10px 24px 10px;display:block;background:url("http://mixlip.ru/uploads/posts/2013-03/1364178176_vtitle.png") no-repeat -214px 100%}.vresult{width:31px;height:25px;padding:0;background:url("http://mixlip.ru/uploads/posts/2013-03/1364178204_vresult.png") no-repeat 100% 0}.vresult:hover{background-position:0 -25px}.votefoot{text-align:center;padding:11px
13px;border-top:1px solid #d7d7d7;background:#f7f7f7 url("http://mixlip.ru/uploads/demo/2/votefoot.png") repeat-x 0 -1px}.vote, #dle-poll-list
div{clear:both;padding:2px
<!--
spoiler_text_end
-->