[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Скрипт для uCoz "Горизонтальное меню"
DimoNДата: Понедельник, 24.05.2010, 02:30 | Сообщение # 1

Dar[k] S.
Сообщений: 207
Медали:
За создание сайта За хорошию репутации За 50 постов За 100 Постов За 150 Постов За 200 Постов
[ 38 ]
Нету на сайте

Вствляем в CSS в самый низ

Code
* {margin:0; padding:0}   
body {font:14px Helvetica, sans-serif; font-weight:bold; background:#FFF}   
.menu {position:relative; background:url(images/bg.gif) repeat-x; height:35px;}   
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}   
.menu li {float:left}   
.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#FFF; padding:10px}   
#slide {position:absolute; top:0px; height:35px; background:#89957a; z-index:10}

Вставляем между <head>...</head>

Code
<script type="text/javascript" language="javascript" src="script.js"></script>

Этот когд вставляем туда где вам нужно меню(замените ссылки на свои)

Code
<body onload="menuSlider.init('menu','slide')">   
<div class="menu">   
    <ul id="menu">   
    <li><a href="#">JavaScript</a></li>   
    <li value="1"><a href="#">Graphic Design</a></li>   
    <li><a href="#">HTML</a></li>   
    <li><a href="#">User Interface</a></li>   
    <li><a href="#">CSS</a></li>   
    </ul>   
    <div id="slide"></div>   
</div>

<li value="1"> значит, что ссылка в которой стоит этот параметр будет выделена первой при загрузке страницы.

Скачиваем архив и льем содержимое в корень сайта.

И ещё вид данного меню вы можете изменить как вам угодно, в архиве есть картинка-фон.

Прикрепления: menueffect.rar (2.7 Kb)


  • Страница 1 из 1
  • 1
Поиск: