Vários menus para o seu Blogger 3

Olá amigos Mult-focos!
Este é o terceiro e ultimo post de uma serie que se chama: “Vários menus para o seu Blogger”.
Bem nos posts passados colocamos a sua disposição seis modelos de menu para  sua escolha, como abordamos antes um deles vai vir de encontro com seu gosto.


Vamos trazer mais dois modelos para sua escolha, para adicionar é como se adiciona um gadget fazendo antes as devidas modificações onde tem # é só substituir pelo link e onde esta escrito Blogger, etc é só substituir pelo nome correspondente ao link.
Abaixo tem o botão DEMO que te levará a uma visualização prévia do menu e logo depois o código  do mesmo.
Espero que tenha gostado isto é tudo.

Menu Drop Down Chrome
DEMO

 p><style type="text/css">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}#cssmenu ul 
{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url 
('http://i1316.photobucket.com/albums/t609/Multfocos/tableftf_zps15b229ad.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a 
span{float:left;display:block;background:url('http://i1316.photobucket.com/albums/t609/Multfocos/tabrightf_zps3cc25e85.gif') no-repeat right top;padding:5px 
15px 4px 6px;color:#666}/* Commented Backslash Hack hides rule from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a 
span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span 
{background-position:100% -42px}</style><a href="http://mult-focos.blogspot.com.br/" rel="dofollow" target="_blank" title="Drop Down Menus"><img 
src="http://i1316.photobucket.com/albums/t609/Multfocos/blank_zps1d71c95b.gif" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 
0%; top: 0px;" /></a><a href="http://goo.gl/NguXbL" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img 
src="http://i1316.photobucket.com/albums/t609/Multfocos/blank_zps1d71c95b.gif" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; 
right: 0%;" /></a><a href="http://goo.gl/NguXbL" rel="dofollow" target="_blank" title="Menu Dropdown Pure CSS"><img 
src="http://i1316.photobucket.com/albums/t609/Multfocos/blank_zps1d71c95b.gif" alt="Menu Dropdown Pure CSS" border="0" style="position: fixed; bottom: 10%; 
left: 0%;" /></a><!-- Não edite este código CSS caso contrário o Drop Down Menu não funcionará -->

<!-- Personalizar seus links -->

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Blogger</span></a></li>
<li><a href="#"><span>Sobre</span></a></li>
<li class="last"><a href="#"><span>Contato</span></a></li>
</ul>
</div>

Menu Drop down Aqua

DEMO

 

 







Home
Blogger
Sobre
Contato