Мы здесь: rss twitter vk facebook

Самые новые скрипты для Ucoz

На нашем портале вы найдете не только скрипты, но и видео обучение и много интересного!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Форумчик » Скрипты для Ucoz готовые (меню) » Красивое CSS / jQuery меню для сайта
Красивое CSS / jQuery меню для сайта
Administrator Дата: Среда, 14.12.2011, 12:45 | Сообщение # 1 Offline

Сообщений: 293
Генералиссимус
- +
Данное меню устанавливается в 4 этапа

1. Для начала нужно скачать архив и папку под названием main_menu закинуть в корень вашего сайта

2. Теперь нужно подключить css стили, для этого между и вставляем следующий код:

Code
<link rel="stylesheet" href="main_menu/css/style.css" type="text/css" charset="utf-8"/>

3. Далее в нужное вам место ставим код самого меню:
Code
<ul id="navigation">
   <li class="home"><a href="Адрес ссылки"><span>Home</span></a></li>
   <li class="about"><a href="Адрес ссылки"><span>About</span></a></li>
   <li class="search"><a href="Адрес ссылки"><span>Search</span></a></li>
   <li class="photos"><a href="Адрес ссылки"><span>Photos</span></a></li>
   <li class="rssfeed"><a href="Адрес ссылки"><span>Rss Feed</span></a></li>
   <li class="podcasts"><a href="Адрес ссылки"><span>Podcasts</span></a></li>
   <li class="contact"><a href="Адрес ссылки"><span>Contact</span></a></li>
</ul>

home>Адрес ссылки">Home

Выделенное зелёным изменяем на свое, а от класса, который я выделил красным, будет зависеть иконка данного пункта меню, при необходимости вы можете переставить их местами.

4. Ну и напоследок для получения эффекта анимации вставляем немножко jQuery перед закрывающимся тегом


Мои сайты:
China-Telephon Все для китайских телефонов
Megasayt все для Ucoz
 
Форум » Форумчик » Скрипты для Ucoz готовые (меню) » Красивое CSS / jQuery меню для сайта
  • Страница 1 из 1
  • 1
Поиск: