| Главная » Файлы » Ucoz меню |
Вертикальное выдвижное чёрное меню для UcoZ
| [ · Скриншот ] | 05.11.2010, 19:38 |
1) Скачиваем архив и кидаем папку menu из него в корень сайта. 2) Везде, в head ставим эти строчки:
Code <script language="javascript" type="text/javascript" src="/menu/jquery.js"></script> <script language="javascript" type="text/javascript" src="/menu/accordion.js"></script> 3) ПУ-->Управление дизайном-->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%;} /* ---------- */ 4) А этот код редактируем и вставляем в блок:
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/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> </p> <h3>Отдохни</h3> <p class="linked"> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> </p> <h3>Форум</h3> <p class="linked"> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> <a href="/">Пусто</a><br/> </div> <br/> | |
| Просмотров: 5004 | Загрузок: 21 | Комментарии: 3 | | |
| Всего комментариев: 2 | |
|
| |
