Меню вертикальное (код) : Коды CSS и HTML : Вебмастеру : Территория Веб графики и фонов

Главная Аккаунт Файлы Ссылки Форум Графика

Разделы

Фоны для сайта
Рамки для сайта
Кнопки для меню
Кнопки
3d кнопки
CSS и HTML
Шаблоны
Примеры кнопок
Flash

Главное меню

Домой

Фоны текстуры

Новости

Веб графика

Вебмастеру

Добавить статью

Архив статей

Статистика

Архив файлов

Полезные ссылки

Форум

Галерея

Сайты партнеров

Опросы

Карта сайта

Сейчас на сайте

3: Гости

0: Пользователи

1142: Пользователи с регистрацией

Вы гость здесь.
+ регистрация

Последний посетитель:

upet: 9 ч. 56 м. назад

legrandus: 2 Дней 1 ч. 55 м. назад

spravedlivosti: 2 Дней 2 ч. 3 м. назад

detiseti: 6 Дней 2 ч. 49 м. назад

teremok74: 6 Дней 9 ч. 34 м. назад

elen4a: 8 Дней 7 ч. 12 м. назад

AntonVin: 9 Дней 1 ч. 26 м. назад

11.2.10 09:59 | Меню вертикальное (код)

Раздел: Коды CSS и HTML | Автор: upet | Рейтинг: 0.00 (0) Оценить | Хитов 865

Меню вертикальное с перекатом (ролловером)
HTML код вставляете в шаблон сайта

<table width="170" cellspacing="0" cellpadding="0">
<tr>
    <td style="font-weight: bold; font-size: 20px; background-color:#DFEBF4">
    Главное меню
    </td>
    </tr>

<tr>
    <td>
    <a href="http://webgraphica.ru" target="_blank" class="menu_hor">Вебграфика</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 2</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 3</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 4</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 5</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 6</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 7</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 8</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 9</a>
    <a href="#" target="_blank" class="menu_hor">Ссылка 10</a>
    </td>
</tr>
</table>

CSS код вставляете в основной файл, обычно он называется style.css

/* CSS Document */
.menu_hor {
font-size: 16px;
display: block;
color: #006699;
border-left: #0099CC solid 8px;
text-align: left;
margin-bottom: 4px;
margin-left: 2px;
margin-top: 4px;
margin-right: 2px;
text-decoration: none;
}
a.menu_hor:hover {
font-size: 16px;
display: block;
color: #006699;
border-left: #CC3300 solid 8px;
text-align: left;
margin-bottom: 4px;
margin-left: 2px;
margin-top: 4px;
margin-right: 2px;
text-decoration: none;
background-color: #FFFFCC;
}

Это и другие меню в файлах можно скачать здесь

Родственные ссылки

» Другие статьи раздела Коды CSS и HTML
» Эта статья от пользователя upet

5 cамых читаемых статей из раздела Коды CSS и HTML:
» Ролловер (перекат) или смена картинки при наведении курсора
» Код для кнопки (ролловер с одним изображением) с примерами
» Код для круглой кнопки (ролловер) с GIF-анимацией
» Код для топ-меню
» Простейший шаблон HTML

5 последних статей раздела Коды CSS и HTML:
» Меню вертикальное (код)
» Код для топ-меню
» Код (ролловер) для сдвоенной кнопки с 4 изображениями в одном файле
» Код для круглой кнопки (ролловер) с GIF-анимацией
» Код для кнопки (ролловер с одним изображением) с примерами

¤ Перевести статью в страницу для печати
¤ Послать эту cтатью другу

MyArticles 0.6 beta for RUNCMS: by RunCms.ru

Файлообменник meg.ifolder.ru

Здесь вы можете загрузить или скачать свои файлы.
До 500mb бесплатно

Проверьте себя

Загрузка...

Cчётчики

Можно и сюда