Главная » Файлы » Прочие скрипты » jQuery

Оригинальное красочное меню на css для вашего сайта
23.06.14, 09:13:43

Скачать файл




Хорошее лёгкое меню на css придаст вашему сайту оригинальности. Для того, чтобы иметь возможность подстроить данное меню под себя, необходимо уметь работать в photoshop (Фотошоп)

Для начала посмотрите ДЕМО

Установка:

После /head на страницах, где будет использовано данное меню, вставляйте:
Код
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />


Следующий код вставляйте в то место, где будет само меню:
Код
<div class="navi1">
  <ul>
  <li class="sm1"><a href="#"></a></li>
  <li class="sm2"><a href="#"></a></li>
  <li class="sm3"><a href="#"></a></li>
  <li class="sm4"><a href="#"></a></li>
  <li class="sm5"><a href="#"></a></li>
  </ul>
  </div>
  <br>
  <div class="navi2">
  <ul>
  <li class="sm1"><a href="#"></a></li>
  <li class="sm2"><a href="#"></a></li>
  <li class="sm3"><a href="#"></a></li>
  <li class="sm4"><a href="#"></a></li>
  <li class="sm5"><a href="#"></a></li>
  </ul>
  </div>
  <br>
  <div class="navi3">
  <ul>
  <li class="sm1"><a href="#"></a></li>
  <li class="sm2"><a href="#"></a></li>
  <li class="sm3"><a href="#"></a></li>
  <li class="sm4"><a href="#"></a></li>
  <li class="sm5"><a href="#"></a></li>
  </ul>
  </div>
  <br>
  <div class="navi4">
  <ul>
  <li class="sm1"><a href="#"></a></li>
  <li class="sm2"><a href="#"></a></li>
  <li class="sm3"><a href="#"></a></li>
  <li class="sm4"><a href="#"></a></li>
  <li class="sm5"><a href="#"></a></li>
  </ul>
  </div>  
  <div>


Теперь залейте стиль из прикреплённого архива в папку css и четыре картинки в папку images

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: CSS, Оригинальное, на, красочное, Вашего, сайта, для, Меню
Просмотров: 257 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: