Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Вертикальное меню сайта
Вот красивое меню.(если такое было извеняюсь)
1.Скачайте АРХИВ , распаковывать и залить папку "menu" в корень сайта.
В head ставим:
Code
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>
<script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>
В CSS вставляем
Code
/* Menu */
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;}
.accordion h3.active {background : url(/menu/accordion.png) no-repeat right -50px;}
.accordion h3.active:hover {background : url(/menu/accordion.png) no-repeat right -75px;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
.accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;}
.accordion p.linked a {background : url(/menu/bull.gif) no-repeat 0 50%;}
/* ---------- */
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;}
.accordion h3.active {background : url(/menu/accordion.png) no-repeat right -50px;}
.accordion h3.active:hover {background : url(/menu/accordion.png) no-repeat right -75px;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
.accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;}
.accordion p.linked a {background : url(/menu/bull.gif) no-repeat 0 50%;}
/* ---------- */
Далее редактируете ссылки и ставите код: Code <div class="accordion"> <h3>Главное меню</h3> <p class="linked"> <a href="/">Главная страница</a><br/> <a href="/gb/">Гостевая книга</a><br/> <a href="/index/0-3">Обратная связь</a><br/> <a href="/board/">Доска объявлений</a><br/> <a href="/publ/">Каталог статей</a><br/> <a href="/dir/">Каталог сайтов</a><br/> <a href="/blog/">Блог</a><br/> <a href="/faq/"><font color="DarkOrange">FAQ (вопрос/ответ)</font></a><br/> </p> <h3>Компьютер</h3> <p class="linked"> <a href="/load/">Каталог файлов</a><br/> <a href="/">Пусто</a><br/> |
| Всего комментариев: 0 | |