Menu Deslizar

Mais um Menu com um efeito bem bacana. Pode utilizar no tumblr/blogger.


Veja Online (xx)

Mais um menu bem fácil de fazer. No seu Css você vai por os códigos abaixo:

a.menusl{
padding:5px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #000;
text-align:center;
width:70px;
background: #F6CED8;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #efefef;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #efefef;
}
a.menusl:hover{
color: #F6CED8;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #aaa;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #aaa;
}

Agora você vai por o código abaixo onde quer que apareça o menu:

<a href="" class="menusl">Teste</a>
<a href="" class="menusl">Teste</a>
<a href="" class="menusl">Teste</a>
<a href="" class="menusl">Teste</a>
<a href="" class="menusl">Teste</a>

Prontinho! Se quiser usar o iframe, aqui tem um tutorial.

Código achados em blog do blogskins. Modifiquei e fiz o tutorial para vocês.