Простое серое вертикальное меню на CSS
1 2 3 4 5 6 |
#menu {width:274px;font-family:arial;} #menu ul {list-style:none;margin:0;padding:0;} #menu ul li {margin:0 0 3px 0;} #menu li a {height:26px;text-decoration: none;font-size:13px;text-align:left;} #menu li a:link, #menu li a:visited {color:#65614c;display:block;background:url('/images/menu1.png');padding:10px 0 0 40px;} #menu li a:hover {background:url('/images/menu2.png');color:#807c6a;} |
2#: В то место, где должно быть меню, вставляйте:
1 2 3 4 5 6 7 |
<div id="menu"> <ul> <li><a href="/">Главная</a></li> <li><a href="/forum">Форум</a></li> <li><a href="/">Ссылка</a></li> </ul> </div> |