Приветствую Вас Прохожий | RSS

Воскресенье, 19.01.2025, 02:51

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Скрипты блоки и шапки [337]

Скрипты Вид новостей [366]

Скрипты php для ucoz [47]

Скрипты для форума [186]

Скрипты информеры [118]

Скрипты Разное [1105]

Мини-чат

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

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

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

Вертикальное светло синее меню

Вертикальное светло синее меню для вашего сайта, используется под категории, простата работы и настройки в самом стиле.
Все размеры меню настраиваются из стиля, так же не забываем что подложка меню является сама картинка определенного размера 257px, если вы захотите уменьшить то придется изменять так же и графический размер.
Приступим к установке:

Стиль меню, вставляем в таблицу css:

Code

.blocks {float:right; width:268px;}
#block {margin-left:6px; height:auto; overflow:auto;}
.block_h {background:url(http://ucozon.ru/SCRIN7/2/cat_a.gif) no-repeat; width:257px; height:46px;}
.cat_b {background:url(http://ucozon.ru/SCRIN7/2/cat_a.gif) no-repeat; width:249px; height:21px; display:block; margin-left:-9px;}
.cat_b:hover {background-position:0 -26px;}
ul.cat {margin-top:-3px; padding:0; margin:0;}
ul.cat li {text-decoration:none; padding:1px 0 0 8px; text-align:left;}
ul.cat li a {padding-top:0px; color:#fff; padding:5px 0 0 8px; text-decoration:none; font-weight:bold;}
ul.cat li a:hover {color:#1f1f1f; text-decoration:none;}

Код меню, редактируем под себя:

Code

<div id="block">
  <div class="block_h">
  <div class="block_head_text">Образец МЕНЮ для ucozon.ru</div>
  </div>
  <div class="block-c">
  <div class="block_dcont">
  <ul class="cat">
  <li><a class="cat_b" title="#"><span style="color: #000000;">Меню для ucozon.ru</span></a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  </ul>
  <ul class="cat">
  <li><a class="cat_b" title="#"><span style="color: #000000;">Меню для ucozon.ru</span></a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  <li><a class="cat_b" title="asd" href="#">Меню для ucozon.ru</a></li>
  </ul>
  </div>
  </div>
  </div>

Автор\Источник: не указан или не известен!
Для того что бы скачать архив необходимо зайти на сайт как пользователь.

Похожие новости на нашем сайте

Коментарий к новости

Всего комментариев: 8

Порядок вывода комментариев:

8 MrTiko Дата: 25.07.2011 Время: 23:08 [№ 9670] [Материал]

super meniu !!!

5 domovik21 Дата: 19.07.2011 Время: 15:48 [№ 9566] [Материал]

Источник :

6 Dez Дата: 19.07.2011 Время: 15:57 № 1 [№ 9567] [Материал]

а ну тогда ясно

Code

.blocks {float:right; width:268px;}

получается вообще не нужен, а на шапку стиля нет

7 STAFF Дата: 19.07.2011 Время: 16:57 № 1 [№ 9568] [Материал]

это не источник, первый стиль такого меню делал я, и скорем временем я залью ее, и настоящий источник это

4 Dez Дата: 19.07.2011 Время: 15:46 [№ 9565] [Материал]

да еще где найти картинку для шапки меню?

3 Dez Дата: 19.07.2011 Время: 15:43 [№ 9563] [Материал]

Code

ul.cat li a {padding-top:0px; color:#fff; padding:5px 0 0 8px; text-decoration:none; font-weight:bold;}

а зачем внутрений отступ от верхнего края делать 0пх, когда дальше сразу этот же отступ устанавливается 5пх? и еще два класса "block-c" "block_dcont" где для них в css сделан стиль?