Приветствую Вас Прохожий | RSS Понедельник, 20.05.2024, 20:47
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Красивое меню для низа сайта

Красивое меню для низа сайта Красивое, меню, для, низа, сайта
Серенькое красивое меню предназначено для статических шаблонов сайта, для вставки в нижний вид панельи или футер то есть в самый низ как подменю.

Вставляем в блок где должно быть самом меню, или если создаем категорию через информер то вставляем в едином варианте ссылку
Code
<ul id="cssmenu">
  <li><a href="/">Модули сайта</a>
<ul>
  <li><a href="/">Главная страница</a></li>
  <li><a href="/dir/">ТОП сайтов</a></li>
  <li><a href="/board/">Фильмы</a></li>
  <li><a href="/blog/">Мониторинг</a></li>
  <li><a href="/stuff/">Онлайн игры</a></li>
  <li><a href="/photo/">Галерея</a></li>
  <li><a href="/publ/">Статьи</a></li>
  <li><a href="/news/">Новости</a></li>
  <li><a href="/load/">Файлы</a></li>
  <li><a href="/forum/">Форум</a></li>
  </ul>
  </li>
  <li><a href="/forum/">Разделы форума</a>
  <ul>
  <li><a href="/forum/">Флэйм</a></li>
  <li><a href="/forum/">Игровой раздел</a></li>
  <li><a href="/forum/">Изготовление</a></li>
  <li><a href="/forum/">Adobe After Effects</a></li>
  <li><a href="/">Adobe Photoshop</a></li>
  <li><a href="/">Финансы</a></li>
  <li><a href="/">WEB мастеру</a></li>
  <li><a href="/">Платные услуги</a></li>
  <li><a href="/">CG портал</a></li>
  </ul>
  </li>
<li><a href="/gb/">Оставить отзыв</a></li>
</ul>

<script type="text/javascript">
// JavaScript Document
function cssmenuhover()
{
  if(!document.getElementById("cssmenu"))
  return;
  var lis = document.getElementById("cssmenu").getElementsByTagName("LI");
  for (var i=0;i<lis.length;i++)
  {
  lis[i].onmouseover=function(){this.className+=" iehover";}
  lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");}
  }
}
if (window.attachEvent)
  window.attachEvent("onload", cssmenuhover);
</script>

В таблицу стилей вставляем сам стиль меню
Code
/* Нижнее меню */
ul#cssmenu {
  width:100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: url('http://ucozon.ru/SCRIN7/1/menuniz.png');
  height: 15px;
  font:13px/15px Visitor_by_Segor;
  border-top:#5d5d5d 1px solid;
  }
   
  ul#cssmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 15px;
  }
   
  ul#cssmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 140px;
  list-style: none;
  display: none;
  position: absolute;
  bottom: 17px;
  left: 0;
  }
   
  ul#cssmenu ul:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
  }
   
  ul#cssmenu ul li {
  width: 140px;
  float: left;
  display: block !important;
  display: inline;
  }
   
  /* Main Menu */
  ul#cssmenu a {
  border: 0px;
  padding: 0 10px;
  float: none !important;
  float: left;
  display: block;
  color:#5d5d5d;
  font:13px/15px Visitor_by_Segor;
  text-decoration: none;
  height: auto !important;
  height: 1%;
  }
   

  /* Main Menu Hover */
  ul#cssmenu a:hover,
  ul#cssmenu ul:hover,
  ul#cssmenu li:hover a,
  ul#cssmenu li.iehover a {
  color:#000000;
  background:url('http://ucozon.ru/SCRIN7/1/menuniz_hover.png');
  }
   
  /* Second Menu */
  ul#cssmenu li:hover li a,
  ul#cssmenu li.iehover li a {
  float: none;
  background:url('http://ucozon.ru/SCRIN7/1/menuniz.png');
  color:#5d5d5d;
  border:#5d5d5d 1px solid;
  }
   
  /* Second Menu Hover */
  ul#cssmenu li:hover li a:hover,
  ul#cssmenu li:hover li:hover a,
  ul#cssmenu li.iehover li a:hover,
  ul#cssmenu li.iehover li.iehover a {
  background:url('http://ucozon.ru/SCRIN7/1/menuniz_hover.png');
  border:#5d5d5d 1px solid;
  color:#000000;
  }
   
  ul#cssmenu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 170px;
  }
   
  ul#cssmenu li:hover ul ul,
  ul#cssmenu li.iehover ul ul {
  display: none;
  }
   
  ul#cssmenu li:hover ul,
  ul#cssmenu ul li:hover ul,
  ul#cssmenu li.iehover ul,
  ul#cssmenu ul li.iehover ul {
  display: block;
  }
/* ---------------------- */
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3976 | Комментарии: 4 | Рейтинг: 4.0/5 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 13.01.2011 | Скачали: 0 | Теги: красивое, низа, сайта, Для, меню
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 4
0  
2 zubi   Дата: 31.03.2011  Время: 23:31   [№ 7385] [Материал]
А есть такое же для верха!!!!!???????

-1  
3 Филипп   Дата: 01.04.2011  Время: 04:29   1 [№ 7386] [Материал]
Ну если переделать стили. то и можно и к верхнему их присобачить

0  
4 zubi   Дата: 09.04.2011  Время: 00:14   2 [№ 7587] [Материал]
ну я как бы в этом деле новичок!!!Может кто-то помочь????????

0  
1 Mister_Dock   Дата: 07.03.2011  Время: 21:13   [№ 6929] [Материал]
Вот это то что нужно.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Работа на заводе

29

2 Комплексный прогон сайт...

54

3 Армия

0

4 Может у кого есть!

6

5 Нужны копирайты

1

6 Остались честные СМИ?

0

7 Раздача подарков и стик...

1

8 Дисковое пространство

3

9 Ручной прогон по трасто...

19

10 бот для умножения денег...

0


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2024


Кнопка 88х31 сайта ucozon.ru