Основное меню

Создание красивого вертикального меню

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

<ul>
<li><a href="http://website-name.ru">Главная</a></li>
<li><a href="http://website-name.ru">Музыка</a></li>
<li><a href="http://website-name.ru">Игры</a></li>
<li><a href="http://website-name.ru">Книги</a></li>
<li><a href="http://website-name.ru">Программы</a></li>
<li><a href="http://website-name.ru">Фильмы</a></li>
</ul>

Теперь подключаем таблицу стилей, код который вы видите ниже должен располагаться между тегами <head></head>

<link rel="stylesheet" href="style.css" type="text/css" />

В данном случае файл index.html и style.css располагаются в одной и той же папке, если ваш файл стилей style.css будет располагаться в другой папке, то не забудьте прописать путь к файлу стиле, смотрите код ниже:

<link rel="stylesheet" href="template/css/style.css" type="text/css" />

Для изменения параметров вашего меню, то есть ширина, высота, различные отступы и так далее, откройте файл style.css и отредактируйте его по своему усмотрению. Для каждой строки в файле style.css имеются комментарии, так что я думаю вы не ошибетесь в выборе параметров для вашего меню. Исходные файлы можно скачать ниже.

Скачать файл
размер файла: 16,93 Kb
cкачиваний: 93

Раздел: Статьи для веб-мастера




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