Это меню будет отлично смотреться на сайте с тёмным дизайном.
Как самому создать такое меню читайте тут
Создаём новый блок.
Админ панель в верху сайта ---> Конструктор ---> Включить конструктор ---> Добавить блок+ ---> В новом блоке нажимаем
редактировать ---> Выбираем HTML ---> Удаляем всё и вставляем код:
Code
<div style="width: 175px;">
<style type="text/css" media="all">
.mc_menu2 {height:22px;width: 175px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left; margin-top:1px;}
.mc_menu2 a:link, .mc_menu2 a:visited {color:#3399FF;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #101010 url('http://ssilki.at.ua/menu/1.png') no-repeat left center;border-top: 1px solid #101010;border-right: 1px solid #101010;border-left: 1px solid #101010;border-bottom: 1px solid #101010;text-align: left; margin-top:1px;}
.mc_menu2 a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:5px;line-height:22px;display:block;font-weight:normal;background: #101010 url('http://ssilki.at.ua/menu/2.png') no-repeat left center;text-align: left; margin-top:1px;}
</style>
<div style="width: 175px;">
<style type="text/css" media="all">
.mc_menu {height:18px;width: 175px;font: normal 10px Arial, Helvetica, sans-serif;text-align: left;}
.mc_menu a:link, .mc_menu a:visited {color:#3399FF;padding-left:14px;line-height:18px;display:block;font-weight:normal;background: #101010 url('http://ssilki.at.ua/menu/3.png') no-repeat left center;border-right: 1px solid #101010;border-bottom: 1px solid #101010;border-left: 1px solid #101010;text-align: left;}
.mc_menu a:hover {color:#ffffff;text-shadow:0 0 5px ;padding-left:14px;line-height:18px;display:block;font-weight:normal;border-bottom: 1px solid #ff0000;background: #101010 url('http://ssilki.at.ua/menu/4.png') no-repeat left center;text-align: left;}
</style>
<span class="mc_menu2"><a onclick="$('#mc_menu1').slideToggle(400);" href="javascript://"><CENTER><FONT size="4">Название меню 1</font></CENTER></a></span>
<div id="mc_menu1" style="display:none"><span class="mc_menu">
<a href="Адрес ссылки">Название 1</a>
<a href="Адрес ссылки">Название 2</a>
</span> </div>
<span class="mc_menu2"><a onclick="$('#mc_menu2').slideToggle(800);" href="javascript://"><CENTER><FONT size="4">Название меню 2</FONT></CENTER></FONT></a></span>
<div id="mc_menu2" style="display:none"><span class="mc_menu">
<a href="Адрес ссылки">Название 3</a>
<a href="Адрес ссылки">Название 4</a>
</span></div>
</div>
Не забываем вставить:
Название меню;
Адрес ссылки;
Название ссылки;
Пример этого скрипта Вы можете увидить у меня в правой части сайта блок "Бесплатно скачать"
При желании количество пунктов меню можно увеличить.
Если будет нужна помощь, пишите в личку!
Материалы на эту же тему:
Скрипт "Новая кнопка добавить новость"
Скрипт "Красивая иконка ленты новостей RSS"
Скрипт "Иконка NEW"
Скрипт "Классные медали на форум"
Скрипт "Кнопка добавить материал, новость"
Скрипт "Фоновое изображение на форуме"
Скрипт "Кнопка "Важно" и "PS" при добавлении темы/поста"
Скрипт "Картинка в поиск по сайту"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Кнопки Назад, На главную, Вперёд"