Menu Sprite

Hey Chocoloveres agora vim trazer um menu que a muito tempo eu procura aprender e eu finalmente consigui agora vou ensinar para vocês o tutorial original e do blog For Your Blogger então os creditos é todo deles ok
vamos ao tutorial:

Pra visualizar melhor clique aqui

1.Primeiro faça duas imagens 130x40, igual essa 

Agora junte as imagens, elas tem que ficar assim

2.Vá no seu design  Modelo  Editar HTML  Prosseguir  Dê CTRL+F ou F3  Procure por : [[></skin>

Cole esse código acima dela

Explicando o Codigo:

 #menu a.home{-webkit-transition-duration: .90s; background: url(http://oi50.tinypic.com/23v029c.jpg)no-repeat; overflow: hidden; width: 130px; height: 40px; display: inline-block; }

Negrito ;; Link da sua imagem

Sublinhado ;; Tamanho da imagem pro lado

Riscado ;; tamanho da imagem para baixo

Código Hover ;;

#menu a.home:hover, #menu a.askme:hover, #menu a.inblo:hover, #menu a.she:hover,  #menu a.credit:hover{background-position: 0 -40px;}

Negrito ;; Rapidez