Loading





Форекс с Альпари

eTXT




Анкетка


Оригинальное вертикальное меню с обрамлением

Информация, представленная на этой странице ориентирована в первую очередь для начинающих web-мастеров.

Меню с использованием CSS и изображений. Красивое обрамление с наименованием подраздела. Фон каждой ссылки изменяется при наведении курсора мыши.

Демо-пример

Установка на сайт:

1. Скопировать и вставить код со стилями в файл стилей сайта или в раздел head своего сайта:

Для выделения текста сделайте щелчок мышью.
Для увеличения окна, «подцепите» мышью правый нижний угол.


2. Этот участок кода скопируйте и вставьте в раздел body своего сайта, где будет находиться меню:


<div class="module">
<div>
<div>
<h3>Компьютер</h3>
<table width="100%">
<tr align="left"><td><a href="#" class="mainlevel">Главная</a></td></tr>
<tr align="left"><td><a href="#" class="mainlevel">Программы</a></td></tr>
<tr align="left"><td><a href="#" class="mainlevel">Web-деньги</a></td></tr>
<tr align="left"><td><a href="#" class="mainlevel">Электронные книги</a></td></tr>
<tr align="left"><td><a href="#" class="mainlevel">Оптимизация</a></td></tr>
<tr align="left"><td><a href="#" class="mainlevel">Обучающие курсы</a></td></tr>
<tr align="left"><td><a href="#" class="mainlevel">Контакты</a></td></tr>
</table>				
</div>
</div>
</div>




Используемые изображения:
изображение
изображение
изображение
изображение
изображение

Сохраните эти изображения в папку img, которая должна находиться в одной директории с файлом, в котором расположено меню.

Два верхних изображения (mainleve.png и mainlevf.png) принимают участие в определении цветов строк меню. Цвета этих изображений можно легко поменять, например, в программе Paint Net, применив инструмент кисть и выбрав желаемый новый цвет.

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

Впишите свои URL и названия ссылок. Пока! L.M.


Работа в интернете с текстами




Ваш комментарий







  © 2015–2018  https://leonidmuzyka.com/  L.M. Служба поддержки RSS подписка подписка