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


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



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



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

Двойное меню простое для сайта

Двойное меню простое для сайта
Двойное меню простое со стилями стандартов ucoz
подходит для компактности совмещения длинного меню или под раздела
живой пример меню

установка:
это стиль в таблицу стилей вставляем, и редактируем под свой цвет сайта

Code
.Mactive {background:#DEE7F6;line-height:25px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}  
.Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}  

.MnotActive {display:block;line-height:21px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:9pt;}  
.MnotActive1 {display:block;line-height:21px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:9pt;}  
.MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;}  
.MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:noe;}  
.MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer;}

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

Code
<table border="0" cellpadding="0" cellspacing="0" width="97%">  
<tr>  
<td valign="top" width="210" style="padding:5px 1px 0 5px;">  
<div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg"><div style="width:100%;">  
<!-- <2 блог> -->  
<div style="display:none" id="noInMo"> <div class="MnotActive">  
<!-- <Содержиомое 1> -->  

<ul>
  <li><a href="/">Главная страница</a></li>
   
  <li><a href="/load/"title="Файлы">Файлы</a></li>  
  <li><a href="#"title="Изготовление шапок">Ссылка</a></li>

  <li><a href="/">Форум</a></li>
  <li><a href="/forum/19"title="Изготовление аватаров">Скрипты для uCoz11111</a></li>  
  <li><a href="/forum/72"title="Изготовление баннера">www.ucozon.ru</a></li>

</ul>

<!-- </Содержиомое 1> -->  
</div> </div>  
<!-- </2 блог> -->  

<!-- <1 блог> -->  
<div id="isInMo"> <div class="MnotActive">  
<!-- <Содержиомое 2> -->  

<ul>
  <li><a href="/">Главная страница</a></li>
  <li><a href="/">Форум</a></li>
   
  <li><a href="#"title="Изготовление шапок">Ссылка2222222</a></li>
  <li><a href="#"title="Изготовление шапок">Ссылка22222222</a></li>

   
  <li><a href="/forum/1"title="Изготовление шапок">Cs-ucozon Портал</a></li>
  <li><a href="/forum/19"title="Изготовление аватаров">Скрипты для uCoz</a></li>  
   

</ul>

<!-- </Содержиомое 2> -->  
</div> </div>
<!-- </1 блог> -->  
</div>

<script type="text/javascript">new _uMenu('musers');new _uMenu('msite');new _uMenu('mforum');new _uMenu('mload');new _uMenu('mgb');new _uMenu('msearch');new _uMenu('mmail');new _uMenu('mpoll');new _uMenu('mstat');</script>  
</div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
<script type="text/javascript">function showmods(t) {if (t){document.getElementById('instMods').className='MnotActive1';document.getElementById('uninstMods').className='Mactive';document.getElementById('isInMo').style.display='none';document.getElementById('noInMo').style.display='';document.body.focus();}else {document.getElementById('instMods').className='Mactive';document.getElementById('uninstMods').className='MnotActive';document.getElementById('noInMo').style.display='none';document.getElementById('isInMo').style.display='';document.body.focus();}}</script>  
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
   
<td width="50%" align="center" valign="top"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">МЕНЮ 1</a></div></td>  
<td width="50%" align="center" valign="top"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">МЕНЮ 2</a></div></td>  
  </tr> </table> </td> </tr> </table>

вот в принципе все, меню следует хорошо настроить для себя, так как это стандарт без на правленого стиля
Автор\Источник: ucozon.ru

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

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

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

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


Поиск


На форуме

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