» »

Красивое горизонтальное меню для ucoz от forucoz


Красивое горизонтальное меню для ucoz от forucoz

О скрипте меню:
Красивое горизонтальное меню для ucoz от forucoz
Приступить к установке:
Скачиваем АРХИВ, menu_forucoz.rar, и идем в корень сайта и заливаем его туда.
Код вставляем в верхнею часть сайта в самый низ.
Code
<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 и вставляем наш стиль:
Code
#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;}
27.06.2012 Загрузок: 8 Просмотров: 1230 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar