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

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

Разделы

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

Главное меню

Домой

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

Новости

Фоны 2

Веб графика

Вебмастеру

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

Архив статей

Статистика

Архив файлов

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

Форум

Галерея

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

Опросы

Карта сайта

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

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

Меню вертикальное с перекатом (ролловером)
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чётчики