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

Главное меню


11.2.10 09:59 | Меню вертикальное (код)
Раздел: Коды CSS и HTML | Автор: upet | Рейтинг: 0.00 (0) Оценить | Хитов 7650
Меню вертикальное с перекатом (ролловером)
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:
» Ролловер (перекат) или смена картинки при наведении курсора
» Простейший шаблон HTML
» Код для кнопки (ролловер с одним изображением) с примерами
» Код для круглой кнопки (ролловер) с GIF-анимацией
» Код для топ-меню

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

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

MyArticles 0.6 beta for RUNCMS: by RunCms.ru


Можно и сюда


Cчётчики
Rambler's Top100 Рейтинг@Mail.ru