Навигация с визуальным выделением: просто и эффектно
Делаем простую, но эффектную навигацию с визуальным выделением пункта при навдении курсора мыши.
Установка:
Туда где хотим видеть меню:
Code
<ul class="navigation">
<li>
<h2>Главная</h2>
<p>Добро пожаловать!</p>
</li>
<li>
<h2>Материалы</h2>
<p>Уроки/Файлы/Видео</p>
</li>
<li>
<h2>О нас</h2>
<p>Наша команда</p>
</li>
<li>
<h2>Контакты</h2>
<p>Как с нами связаться?</p>
</li>
</ul>
<li>
<h2>Главная</h2>
<p>Добро пожаловать!</p>
</li>
<li>
<h2>Материалы</h2>
<p>Уроки/Файлы/Видео</p>
</li>
<li>
<h2>О нас</h2>
<p>Наша команда</p>
</li>
<li>
<h2>Контакты</h2>
<p>Как с нами связаться?</p>
</li>
</ul>
Далее:
Между
Code
HEAD и /HEAD
Ставим данный код:
Code
<link href="/css/layout.css" rel="stylesheet" type="text/css" />
<link href="/css/navigation.css" rel="stylesheet" type="text/css" />
Загружаем папку css в ФМ.
Источник: не указан
2 комментария
0
