Menu horizontal com mini gifs

Veja AQUI o modelo de menu

Copie este código, vá até o HTML do seu Blogger, procure pelo seguinte código:

]]></b:skin>

e cole acima dele o código abaixo.

(código em verde representa as cores das letras, mude-as se quiser.





Pegar código 1

ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #000000;
padding: 3px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffffff;
}
ul#navlist li a:active
{
color: #cccccc;
border: 1px #cccccc inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: &quot; &gt;&gt; &quot;; }

Agora clique em "Elemento de página", clique em "Adicionar um elemento de página" Ao abrir a tabela, clique em HTML/Javascript, cole ai este segundo código, faça as suas modificações e salve. Depois arraste o módulo para cima, de modo que ele fique acima da imagem de seu blog.


Pegar código 2

<div id="navcontainer">
<ul id="navlist">
<li><img src="http://img146.imageshack.us/img146/9690/logo86ky7.gif%22/%3E%3Ca href="ENDEREÇO DE SEU BLOG/" class="current" title="Volte a página"><span>Home</span></a></li>
<li><img src="http://img45.imageshack.us/img45/9231/iconeorkutza4.gif%22/%3E%3Ca id="subcurrent" href="ENDEREÇO DO SEU ORKUT">Orkut</a></li>
<li><img src="http://img45.imageshack.us/img45/3300/emaildz9.gif%22/%3E%3Ca href="mailto:ENDEREÇO DE SEU EMAIL AQUI" title="Email"><span>Email</span></a></li>
<li> <img src="http://img525.imageshack.us/img525/6636/icon4lf5.gif%22/> <a href="" title="AQUI O QUE QUISER "><span>Leia-me</span></a></li>
<li><img src="http://img526.imageshack.us/img526/3914/listsiconns2.gif%22/>
<a href="AQUI O QUE QUISER/" title="ETC"><span>ETC</span></a></li>
<li><img src="http://img207.imageshack.us/img207/204/iconerssrd9.png%22/%3E%3Ca href="AQUI O ENDEREÇO DO SEU FEED" title="Assine este Feed"><span>Feed</span></a></li>
<li><img src="http://img213.imageshack.us/img213/192/blog00360vy7.gif%22/%3E%3Ca href="ENDEREÇO DO SEU GUESTBOOK" title="Mensagens"><span>Guestbook</span></a></li>
<li><img src="http://img526.imageshack.us/img526/8061/commentswd1.png%22/%3E%3Ca href="AQUI O ENDEREÇO DO SEU CHAT/">Chat</a></li>
<li><img src="http://img205.imageshack.us/img205/8688/strelaqm6.gif%22/> <a href="" onclick="window.external.AddFavorite('http://templateseacessorios.blogspot.com/',' NOME DO SEU BLOG AQUI ');">Favoritos</a></li>
<li><img src="http://img528.imageshack.us/img528/718/blog00350yq8.gif%22/%3E%3Ca href="ENDEREÇO DE SEU BLOG AQUI" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage
(' ENDEREÇO DE SEU BLOG AQUI /');">Página Inicial</a></li>
</ul>
</div>

Não se esqueça de antes, salvar uma cópia de seu template caso algo dê errado.