Например:
Четверг, 28.03.2024, 16:24 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты Меню » Красивое, синее горизонтальное меню. (Уникальное меню! + PSD)
Красивое, синее горизонтальное меню.
Dimas777
Дата: Суббота, 07.09.2013, 05:30 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Красивое и солидное горизонтальное меню в синих тонах, сверстано с PSD-исходника. В архиве есть все, что нужно, очень приятные для глаз сине-голубые цвета меню.

Для начала скачиваем архив(Можно не качать)

1) Папку "img" загружаем в файловый менеджер
2) Из текстового документа "Меню" копируем и вставляем код меню, где вы хотите что бы оно располагалось.
3) Скопируйте содержимое из текстового документа "Таблица стилей" и вставьте его в CSS.

Для ленивых:

Это вставляем в По месту вывода меню:

Код
<style>
#menu_bg {background:url(http://game-portals.3dn.ru/img/bg_menu.png) no-repeat;width:940px;height:51px;overflow:hidden;margin:0 auto;position:relative;padding:6px;}
#menu {list-style:none;margin:0;padding:0;background:url(http://game-portals.3dn.ru/img/bg_menu.png) no-repeat 0 -63px;width:938px;height:48px;overflow:hidden;border-radius:10px;}
#menu li {float:left;color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;padding:0 45px;height:48px;line-height:48px;}
#menu li:hover {background:url(http://game-portals.3dn.ru/img/menu_li_hover.png) repeat-x 0 0;text-shadow:0 2px 0 #02486b;padding:0;}
#menu li a {color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;text-decoration:none;}
#menu li:hover span {background:url(http://game-portals.3dn.ru/img/menu_li_hover.png) no-repeat center bottom;height:48px;display:block;line-height:48px;padding:0 45px;}
.divider {background:url(http://game-portals.3dn.ru/img/divider.png) no-repeat right;width:2px;height:48px;display:block;float:left;}
</style>

<div id="menu_bg">
<ul id="menu">

<li><a href="#"><span>Home</span></a></li>  
<span class="divider"></span>

<li><a href="#"><span>About Us</span></a></li>  
<span class="divider"></span>

<li><a href="#"><span>Services</span></a></li>  
<span class="divider"></span>

<li><a href="#"><span>Products</span></a></li>  
<span class="divider"></span>

<li><a href="#"><span>Clients</span></a></li>  
<span class="divider"></span>

<li><a href="#"><span>Blog</span></a></li>  
<span class="divider"></span>

<li><a href="#"><span>Contact</span></a></li>

</ul>
</div>


Красивое,, синее, горизонтальное, меню.

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты Меню » Красивое, синее горизонтальное меню. (Уникальное меню! + PSD)
  • Страница 1 из 1
  • 1
Поиск: