Прямо в Локальной Сети, Intranet или Internet !!

HTML Menu.

 
 
Добавьте страницу
“HTML Menu ”
в Избранное !!
Установите локальную версию goodpc.zip

 

В этой статье будет показано Вам как сделать выпадающее меню на CSS . Преимущества такого меню думаю очевидно. Самое главное из них – это то, что такое меню будет работать при выключенном Java Script в браузере. Благодаря стилям CSS и свойству :hover наше меню оживет. Internet Explorer обрабатывает :hover только для ссылок, поэтому понадобится еще маленькая функция на javascript для имитации :hover для других элементов.

Кроме всего автор использует встроенные шрифты. Начиная с Firefox 3.5, Google Chrome 2, Opera 10 и Safari 3.1 стало возможным использовать в этих браузерах CSS-правило @font-face. На данный момент эти браузеры обрабатывают почти любой шрифт форматов OTF и TTF без необходимости конвертации в защищённый формат EOT. Это существенное отличие от Internet Explorer, который поддерживает использование шрифтов только в формате EOT.

Подробнее смотри о встроенных шрифтах: Embedded OpenType Fonts... На этой странице Вы найдёте достаточно большое количество разнообразных шрифтов.

Посмотрите, что получилось.

Ù
Ú

Горизонтальное HTML CSS меню.

Простой вариант меню.

&

В этом примере используются шрифт: Gothic Rus.

Исходный код вы можете найти в Zip архиве, файл gorithont_menu.htm. 

Структура дерева меню:

  • Домой

  • Зодиакальные созвездия

    • Овен

    • Телец

    • Близнецы

    • Рак

    • Лев

    • Дева

    • Весы

    • Скорпион

    • Стрелец

    • Козерог

    • Водолей

    • Рыбы

    • Змееносец

  • Рисунки знаков Зодиака

  • Шаблоны Photoshop

Ù
Ú

Красивый вариант меню.

 

&

В этом примере используются шрифты: Gothic Rus и Zodiac Figure. Дополнительно для Microsoft Internet Explorer: Webdings и Wingdings, для остальных браузеров разработанный автором шрифт GoodPcSimvol.

Структура дерева меню: аналогичная смотри выше.

Исходный код вы можете найти в Zip архиве, файл gorithont_menu_pic.htm. 

Ù
Ú

Вертикальное HTML CSS меню.

Простой вариант меню.

&

Домой
Созвездия Зодиака
4 Подробнее...
  Овен
Телец
Близнецы
Рак
Лев
Дева
Весы
Скорпион
Стрелец
Козерог
Водолей
Рыбы
Змееносец
Рисунки знаков Зодиака
Шаблоны Фотошопа

В этом примере используются шрифты: Береста и Monotype Corsiva. Дополнительно для Microsoft Internet Explorer: Webdings, для остальных браузеров разработанный автором шрифт GoodPcSimvol.

Ù
Ú

Красивый вариант меню.

&

H Домой
& Созвездия Зодиака
4 Подробнее...
  a Овен
b Телец
c Близнецы
d Рак
e Лев
f Дева
g Весы
h Скорпион
i Стрелец
j Козерог
k Водолей
l Рыбы
z Змееносец
ž Рисунки знаков Зодиака
Ÿ Шаблоны Фотошоп

В этом примере используются шрифты: Береста, Monotype Corsiva и Zodiac Pictogram. Дополнительно для Microsoft Internet Explorer: Webdings и Wingdings, для остальных браузеров разработанный автором шрифт GoodPcSimvol.

8

 

Щёлкните (clik) и Вы перейдёте к Комментариям и пояснениям, а при нажатой клавише Alt в начало страницы “HTML Menu”.

 

Комментарии и Пояснения.

To be continue...





В Начало Страницы:
HTML Menu”.

G

Copyright © 1997 - 2017. By: Апарышев Валерий. All rights reserved.

×µ

For Not Commercial Use !!

µØ

Пошлите Автору Пожалуйста Письмо !!

+


Яндекс.Метрика