Новый русский почтовик! Оплата в WM! Самый активный, самый надежный!

Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!

скачать мультфильмы бесплатно ну погоди, Приключения кота Леопольда, Tom and Jerry - Том и Джерри и другие
скачать бесплатно сериалы, боевики псевдоним албанец, десантура, глухарь и кучу других
рыбалка видео, подводная охота видео, зимняя рыбалка видео, рыболовные снасти

Форум русских рыболовов Финляндии

Рыбалка в Финляндии

главная

Преимущества
схемы html+flash

создание опроса на сайте

Пример скрипта для установки на сайте многоуровневого выпадающего меню.

Здесь все, в общем-то, все довольно просто. Меню, изготовленное скриптом, который я здесь публикую, будет выглядеть приблизительно так (или точно так, в зависимости от Вашего желания):

Естественно, цвет, размеры и количество кнопок и ссылок Вы можете регулировать по своему усмотрению.
Например, Вы можете посмотреть, как выглядел бы с таким меню "Свой сайт" здесь
   Собственно скрипт состоит буквально из пары строчек, все остальное - "обслуга", но для удобства я буду называть в этой статье скриптом весь ХТМЛ код, который необходимо вставить для создания меню.
   Итак, для создания меню Вам нужно будет установить два блока кода:
первый - таблица стилей, которая устанавливается в раздел HEAD Вашей страницы и
второй - собственно меню, который Вы поставите в том месте, где хотите видеть само меню. Собственно, свойства тега SPAN позволяют позиционировать блок в любом месте экрана, с точностью до пикселя. Место меню на странице Вы сможете регулировать с помощью свойства POSITION.

Инструкция по установке и настройке:-)

(Должен сразу предупредить, что настройка меню потребует если не навыков программирования [зачем программисту инструкции по таким простым вещам

?], то хотя бы мало-мальски сносного знания HTML . Я, конечно, мог бы написать О-Очень подробную инструкцию, но для этого мне пришлось бы цитировать очень много статей из этого сайта. Постольку, поскольку статьи уже на сайте, то будем считать, что этот сайт и есть подробная инструкция. А краткую я приведу на этой странице.)

Скопируйте текст из первой формы в раздел <HEAD> своей страницы:

<style TYPE="text/css"> A.menuitem:link, A.menuitem:visited, A.menuitem:active { text-decoration: none; color: white; WIDTH: 80px; border-style: none; padding-left: 2px; padding-top: 2px; PADDING-BOTTOM: 2px; } A.menutitle:link, A.menutitle:visited, A.menutitle:active { text-align: center; text-decoration: none; color: white; WIDTH: 82px; Height: 25; padding-top: 2px; padding-bottom: 2px; font-weight: bold; } span.menublock {Z-INDEX: 1; border-style: none; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-top: 2px; BACKGROUND: #158062; HEIGHT: 25px; TOP: 0px; POSITION: absolute;} span.dropbox { Z-INDEX: 1; BACKGROUND: #158062; border-width: 3px; padding-left: 2px; padding-top: 2px; WIDTH: 60px; HEIGHT: 25px; TOP: 27px; POSITION: absolute; VISIBILITY: hidden; border-style: inset; } span.menuback { Z-INDEX: 100; border-style: outset; BACKGROUND: #158062; height: 35px; WIDTH: 600px; POSITION: absolute;} </style>
Скопируйте текст из второй формы в раздел <BODY> своей страницы:

 <script LANGUAGE="JavaScript"> function openmenu(boxname){ document.all(boxname).style.visibility = "visible"; } function closemenu(boxname){ document.all(boxname).style.visibility = "hidden"; } </script>    <A class=menutitle href="#">Баскетбол</A> <A class=menuitem href ="#" >Женщины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a> <A class=menuitem href ="#" >Мужчины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a>  <A class=menutitle href="#">Футбол</A> <A class=menuitem href ="#" >Женщины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a> <A class=menuitem href ="#" >Мужчины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a>   <A class=menutitle href="#">Волейбол</A> <A class=menuitem href ="#" >Женщины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a> <A class=menuitem href ="#" >Мужчины ></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a>  <A class=menutitle href="#">Хоккей </A> <A class=menuitem href ="#" >Женщины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a> <A class=menuitem href ="#" >Мужчины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a>  <A class=menutitle href="#">Гандбол</A> <A class=menuitem href ="#" >Мужчины></a> <A class=menuitem href ="#" >Тренеры</a> <A class=menuitem href="#" >Состав</a> <A class=menuitem href ="#" >Календарь</a> <A class=menuitem href="#" >Другие новости</a>  <A class=menutitle href="#">Одиночные виды</A>
В таблице стилей установите желаемые цвета надписей и поля, а также размер поля.
Установите нужное количество блоков и ссылок согласно количеству разделов и страниц Вашего сайта.
В тегах HREF пропишите адреса и названия страниц Вашего сайта.
Любуйтесь.

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

ЗДЕСЬ!

(Первая страница сайта "Свой сайт - это очень просто" с выпадающим меню.)

И в заключении один маленький совет. Вернее даже не совет, а так, - просто замечание. Ну, или если угодно - напоминание:
Если Вы вдруг надумаете делать выпадающее меню с помощью этого (или любого другого, поскольку исходников в сети для этого дела - как грязи) скрипта, не вздумайте лепить все это вручную на каждую страницу! Воспользуйтесь услугами SSI (Ну или чего-нибудь покруче! :-)

Создать свой сайт

поиск по сайту
и в сети:

Copyright © 2001 by Сергей Червонящий.

Покупайте на OHO.ru: