Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

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


главная
переменка 1
переменка 2
бегущая строка
Приколы
выпадающее меню
пример
использавния
страницы ошибок
недостатки Flesh
Преимущества
схемы html+flash
создание опроса на сайте

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

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

Баскетбол Женщины>
Тренеры
Состав
Календарь
Другие новости
Мужчины>
Тренеры
Состав
Календарь
Другие новости
Футбол Женщины>
Тренеры
Состав
Календарь
Другие новости
Мужчины>
Тренеры
Состав
Календарь
Другие новости
Волейбол Женщины>
Тренеры
Состав
Календарь
Другие новости
Мужчины >
Тренеры
Состав
Календарь
Другие новости
Хоккей Женщины>
Тренеры
Состав
Календарь
Другие новости
Мужчины>
Тренеры
Состав
Календарь
Другие новости
Гандбол Мужчины>
Тренеры
Состав
Календарь
Другие новости
Одиночные виды


 

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

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

(Должен сразу предупредить, что настройка меню потребует если не навыков программирования [зачем программисту инструкции по таким простым вещамсмайлик улыбка ?], то хотя бы мало-мальски сносного знания HTML . Я, конечно, мог бы написать О-Очень подробную инструкцию, но для этого мне пришлось бы цитировать очень много статей из этого сайта. Постольку, поскольку статьи уже на сайте, то будем считать, что этот сайт и есть подробная инструкция. А краткую я приведу на этой странице.)
  1. Скопируйте текст из первой формы в раздел <HEAD> своей страницы:
     
  2. Скопируйте текст из второй формы в раздел <BODY> своей страницы:
     
  3. В таблице стилей установите желаемые цвета надписей и поля, а также размер поля.
  4. Установите нужное количество блоков и ссылок согласно количеству разделов и страниц Вашего сайта.
  5. В тегах HREF пропишите адреса и названия страниц Вашего сайта.
  6. Любуйтесь.

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

ЗДЕСЬ!

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

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

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


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

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