Веб-графика наше всё


Коды HTML и CSS для меню 160х25
Опубликовано: upet , Включено: 20-12-2007

Это нужно вставить в HTML код вашей страницы



А это код CSS и его нужно вставить или в  файл с расширением CSS или между <head></head>

.left_menu{
display: block;
background-image: url(image/file.gif);   /*Это путь к картинке, которая будет у вас первой т.е. неактивной*/
width: 160px;
height: 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #3366CC;
font-size:12px;
text-decoration: none;   /*Это означает, что ссылка будет без подчёркивания*/
line-height: 25px;

}
a.left_menu:hover{
display: block;
background-image: url(images/file.gif);     /*Это путь к картинке, которая будет заменять первую при наведении*/
width: 160px;
height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #990000;font-size:12px;
text-decoration: none;
line-height: 25px;

}

Вообще то сюда вы можете вставить любые свои картинки или взять уже имеющиеся    здесь
Все комментарии, выделенные красным можете удалить. Если они останутся, ничего страшного не будет.


Статья из Территория Веб графики и фонов
http://webgraphica.ru

URL для этой статьи:
http://webgraphica.ru/modules/sections/index_op_viewarticle_artid_9.html