Novo menu simples c/ hover

Aqui eu de novo trazendo um novo modelo de menu.
É um menu bem simples e muito fácil de aplicar.
Têm hover ao passar o mouse...
Como pode vêr na imagem acima é este o resultado final.
Pode visualizar online: ENTRE AQUI...
Vamos lá:

Entre no painél do seu blog depois adicione um gadget html/javascript...
Agora pegue meu código e cole:

<style>
/* Menu  http://best-tuga.blogspot.pt/*/
#best-tugamenu {background: url(http://i.imgur.com/HbPDZgz.jpg)repeat;font:normal 14px/36px Oswald, Arial;float:left;height:40px;width:100%;padding-top:2px;}
#best-tugamenu li {border-left:1px solid #f19cbb;border-right:1px solid #b0e0e6;list-style:none;padding:0px;margin:0;float:left;position:relative;}
#best-tugamenu li a:hover{color:#b0e0e6;}
#best-tugamenu li:hover {background:#FCFCFC;}
#best-tugamenu li a{color:#fbaed2;text-shadow:0 -1px 1px #fcfcfc;text-decoration:none;padding-left:15px;padding-right:15px;display:block;float:left;}
</style>
<ul id='best-tugamenu'>
<li><a href='#' title='seu titulo'> best-tuga 1</a></li>
<li><a href='#' title='seu titulo'> best-tuga 2</a></li>
<li><a href='#' title='seu titulo'> best-tuga 3</a></li>
<li><a href='#' title='seu titulo'> best-tuga 4</a></li>
<li><a href='#' title='seu titulo'> best-tuga 5</a></li>
<li><a href='#' title='seu titulo'> best-tuga 6</a></li>
<li><a href='#' title='seu titulo'> best-tuga 7</a></li>

<li><a href='#' title='seu titulo'> best-tuga 8</a></li>
 </ul>

Salve e veja como ficou...
Notas: # aqui coloca seu link...
aqui seu titulo coloca seu titulo...
aqui  best-tuga coloca nome botão...

Foi esta a partilha espero seja útil até mais...

Novo menu simples c/ hover

► 0

► menus

► Cartita