ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивое горизонтальное меню для 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;} |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |