ExplodingBoy Vertical Menu No.2

ExplodingBoy Website

Example



CSS Code


#menu12 {
	width: 200px;
	margin: 10px;
	}
	
#menu12 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
}	
	
#menu12 li a:link, #menu12 li a:visited {
	color: #666;
	display: block;
	background:  url(menu12.gif);
	padding: 10px 0 0 35px;
}
	
#menu12 li a:hover {
	color: #000;
	background:  url(menu12.gif) 0 -32px;
	padding: 10px 0 0 35px;
}
#menu12 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

HTML Code


<div id="menu12">
 <ul>
  <li><a href="#1" title="Link 1">Link 1</a></li>
  <li><a href="#2" title="Link 2">Link 2</a></li>
  <li><a href="#3" title="Link 3">Link 3</a></li>
  <li><a href="#4" title="Link 4">Link 4</a></li>
  <li><a href="#5" title="Link 5">Link 5</a></li>
 </ul>
</div>

Images