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


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



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



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

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

Красивое горизонтальное меню для серых дизайнов
Красивое горизонтальное меню для серых дизайнов
Горизонтальное меню для сайтов, цвет рыжий, стиль hover

Установка меню:
В таблицу стилей css вставляем код стиля меню
Code
.tmenuw ul, .tmenuw ul li, .tmenuw ul li a, .tmenuw ul li a b {
  float: left;
  height: 45px;
}
.tmenuw ul {
  padding-left: 2px !important;
  background: url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 0 0;
  overflow: hidden;
}
.tmenuw li a, .tmenuw li a b {
  line-height: 44px;
  cursor: pointer;
  text-decoration: none !important;
}

.tmenuw li a {
  font-size: 14px;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  color: #fff;
}

.tmenuw li a b {
  padding: 0 14px 0 12px;
  background: url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 100% -45px;
}

.tmenuw li a:hover { background: #1d1d1d url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 0 -135px; }
.tmenuw li a:hover b { background: url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 100% -90px; }

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

/*WRAPPER ОСНОВНОЙ РАЗМЕРНЫЙ БЛОК*/
.wrapper {
  margin: auto;
  width: 90%;
  min-width: 986px;
  max-width: 1400px;
  text-align: left;
}

*html .wrapper { width: expression(((document.body.clientWidth)) < 986? "986px": ((document.body.clientWidth)) > 1400? "1400px": "90%" ); }

.wwide {
  margin: auto;
  width: 100%;
  min-width: 990px;
}

/*menu начало*/
.tmenuw {
  height: 48px;
  background: #ff6700 url("http://ucozon.ru/SCRIN5/sapky/menusca/headbg.png") repeat-x 0 -131px;
  overflow: hidden;
}
/*background контента*/
.pagemain { background: #6b6b6b url("http://ucozon.ru/SCRIN5/sapky/menusca/pagebg.gif") repeat 0 0; }
.pmain2 { background: url("http://ucozon.ru/SCRIN5/sapky/menusca/pagebg_0.png") repeat-x 0 0; }
.padplus { height: 20px; overflow: hidden; }


Этот код самого меню в блоке просто заключаем в div стиля
Code
<div class="wwide tmenuw">
<div class="wrapper">
<ul class="reset">

<li><a href="http://ucozon.ru/"><b>Главная</b></a></li>
<li><a href="http://ucozon.ru/"><b>Гостевая</b></a></li>
<li><a href="http://ucozon.ru/"><b>Новости</b></a></li>
<li><a href="http://ucozon.ru/"><b>Каталог файлов</b></a></li>  
<li><a href="http://ucozon.ru/"><b>Каталог статей</b></a></li>
<li><a href="http://ucozon.ru/"><b>Раздел uCoz</b></a></li>
<li><a href="http://ucozon.ru/"><b>Новости</b></a></li>
<li><a href="http://ucozon.ru/"><b>Каталог файлов</b></a></li>  
<li><a href="http://ucozon.ru/"><b>Главная</b></a></li>
<li><a href="http://ucozon.ru/"><b>Гостевая</b></a></li>
<li><a href="http://ucozon.ru/"><b>Новости</b></a></li>
<li><a href="http://ucozon.ru/"><b>Каталог файлов</b></a></li>  
<li><a href="http://ucozon.ru/"><b>Каталог статей</b></a></li>
<li><a href="http://ucozon.ru/"><b>Раздел uCoz</b></a></li>
<li><a href="http://ucozon.ru/"><b>Новости</b></a></li>
<li><a href="http://ucozon.ru/"><b>Каталог файлов</b></a></li>  

  </ul>
  </div>
</div>
Автор\Источник: ucozon.ru

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

Всего комментариев: 3
3 darkload   Дата: 06.05.2014  Время: 04:25   [№ 15277]
как мне его настроить чтобы при изменении масштаба экрана меню находилось посередине а не сьезжало в лево

2 canil   Дата: 01.07.2010  Время: 13:20   [№ 3426]
Спасибо большое все робит

1 webo4ka   Дата: 29.06.2010  Время: 20:39   [№ 3418]
happy


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

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


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

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

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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