O menu desse tutorial é um bem simples, sem imagens.
Primeiro, insira no seu código css:
#menuh ul {
padding:0px;
margin:0px;
float: left;
width: 100%;
list-style:none;
}
#menuh ul li { display: inline; }
#menuh ul li a {
padding: 2px 10px;
float:left;
/* visual do link */
color: #ffffff;
background-color:#000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;
padding:0px;
margin:0px;
float: left;
width: 100%;
list-style:none;
}
#menuh ul li { display: inline; }
#menuh ul li a {
padding: 2px 10px;
float:left;
/* visual do link */
color: #ffffff;
background-color:#000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#menuh ul li a:hover {
background-color:#ffffff;
color: #000000;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
E onde você quer que apareça, insira:
<div id="menuh">
<ul>
<li><a href="http://www.blog.com.br">Home</a></li>
<li><a href="http://www.blog.com.br">The blog</a></li>
<li><a href="http://www.blog.com.br">Links</a></li>
<li><a href="http://www.blog.com.br">Amigos</a></li>
<li><a href="http://www.blog.com.br">Extras</a></li>
<li><a href="http://www.blog.com.br">Créditos</a></li>
</ul>
</div>
</div>
<ul>
<li><a href="http://www.blog.com.br">Home</a></li>
<li><a href="http://www.blog.com.br">The blog</a></li>
<li><a href="http://www.blog.com.br">Links</a></li>
<li><a href="http://www.blog.com.br">Amigos</a></li>
<li><a href="http://www.blog.com.br">Extras</a></li>
<li><a href="http://www.blog.com.br">Créditos</a></li>
</ul>
</div>
</div>











Jon McL - Industry