• Страница 1 из 1
  • 1
Красивое горизонтальное меню Forucoz на uCoz
Kosten
Среда, 27 Июня 2012, 19:39 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70


О скрипте меню:
Красивое горизонтальное меню forucoz, для светлых и темных дизайн сайтов.
Приступить к установке:
Скачиваем АРХИВ, menu_forucoz.rar, И закачиваем в корень сайта.
Код вставляем в верхнею часть сайта в самый низ.
Код
<div id="menu_forucoz"><div>   
<a href="http://zornet.ru/" title="Главная страница">Главная</a>   
<a href="http://zornet.ru/publ/" title="Статьи">Библиотека</a>   
<a href="http://zornet.ru/forum/" title="Форум">Форум</a>   
<a href="http://zornet.ru/photo/" title="Pictures">Фотогалерея</a>   
<a href="http://zornet.ru/blog/" title="Flash ролики">Блог</a>   
<a href="http://zornet.ru/gb/" title="Гостевая">Гостевая</a>   
<a href="/index/0-3" title="Связь с администрацией">Контакты</a>   
<?if($USER_LOGGED_IN$)?>   
<a href="$PERSONAL_PAGE_LINK$" title="Профиль">Профиль</a>   
<a href="/index/10" title="Выход">Выход</a>   
<?else?>   
<a href="http://zornet.ru/index/3" title="Регистрация">Регистрация</a>   
<a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;" title="Вход">Вход</a>   
<?endif?>   
</div></div>


Потом идем в CSS и прописываем там этот стиль:
Код
#menu_forucoz { height:40px; color: #fff; text-align:center; background: url('/menu/original.png') repeat-x; font-weight:bold;font-size:8pt; margin-bottom:10px}   
#menu_forucoz div {margin: auto;}   
#menu_forucoz span {float:left; color: #fff; background: url('/menu/hover.png'); padding: 11px 18px;}   
#menu_forucoz a {display:block; float:left; color: #fff; background: url('/menu/original.png'); text-align:center; padding: 13px 18px;text-decoration: none;}   
#menu_forucoz a:hover {color: #fff; background: url('/menu/hover.png'); padding: 13px 18px;}
Прикрепления: 2331686.jpg (5.0 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: