Menu Open Slide

Menu com efeito bem legal. Pode ser utilizado no blogger/tumblr.


Visualização (xx)

É muito fácil esse menu. Vamos aos códigos.

Na parte do Css você irá por esse código:

a.navi{
border:1px solid #e4c6e4;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#fff;
color:#bd22ea;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;}

a.navi:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #bd22ea,inset 50px 40px 0px #bd22ea;
-webkit-transition:3s;
color:#fff;
} 

Agora onde você quer que fique o menu, coloque o código abaixo:

<a class="navi"> home</a>
<a class="navi"> contato</a>
<a class="navi"> textos</a>
<a class="navi"> fotos</a>
<a class="navi"> bye</a>

Caso queira colocar menu iframe, aqui temos [ainda não fiz] tutorial de como fazer. É isso, espero que tenham gostado.