Скрипт очень простое,но красивое горизонтальное меню
В CSS вставить данный код
Code
#menu_3xxx {font-size: 0.85em; height:3.2em; color: #000; text-align:center; background: url('http://forucoz.com/img/menu/original.png'); font-size:8pt;}
#menu_3xxx div {margin: auto;}
#menu_3xxx span {float:left; color: #999; background: url('/img/menu/hover.png'); padding: 11px 18px;}
#menu_3xxx a {display:block; float:left; color: #e8e8e8; background: url('http://forucoz.com/img/menu/original.png'); text-align:center; padding: 10px 18px;text-decoration: none;}
#menu_3xxx a:hover {color: #d9f1f2; background: url('http://forucoz.com/img/menu/hover.png'); padding: 11px 18px;}
Туда где нужна эта менюшка к примеру обычно в шапку, вверхний блок:
Code
<div id="menu_3xxx"><div>

<a href="#" title="Главная скриптов для юкоз">Главная</a>
<a href="/forum" title="Форум для веб-мастеров">Форум</a>
<a href="/forum/0-0-1-34" title="Последние темы на форуме">Новое на форуме</a>
<a href="/load/scripts_for_ucoz/1" title="Скрипты для юкоз">Скрипты</a>
<a href="/load/shablony_for_ucoz/2" title="Шаблоны для юкоз">Шаблоны</a>
<a href="/load/ikonki_for_ucoz/3" title="Иконки для юкоз">Иконки</a>
<a href="/load/soft_for_vebmaster/4" title="Софт для вебмастера">Софт</a>
<a href="/load/stati_for_vebmaster/5" title="Статьи для вебмастера">Статьи</a>
<a href="javascript://" rel="nofollow" onclick="window.open('/index/8','opt','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Профиль</a>

<a href="/forum/22-6749-1" title="Правила сайта">Правила</a>
</div></div>
Все ссылки замените на свои

Источник: http://stranasofta.3dn.ru/Soft/342342543534fr.gif
Категория: Разное | Добавил: Admin (18.08.2010) | Автор: puplikov.ru
Просмотров: 454 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]