Menu Bubble

Gente, enfim vou começar a trabalhar no próximo layout! 

Oi galera *-*

Hoje eu vou ensinar como fazer um menu bem lindo,e talvez seja o que eu irei usar no próximo layout do blog. Mas antes eu quero dizer que vocês ja devem ter visto a enquete que eu coloquei no blog,então votem com muita atenção e peço que votem somente uma vez! E quero avisar também que quando encerrar a enquete, que se eu não me engano eu programei para acabar dia 26, eu irei fechar o blog para começar a edição do layout, que eu quero muito que dure no máximo 1 semana.

Prontinho, agora vamos ao preview!

E por fim, ao tutorial..

A Mesma coisa de sempre..

Modelo>Editar HTML>Ctrl+F> Procure por:

]]><

Achou? Ótimo! acima disso,cole isso:

.button{font:22px 'PT Sans Narrow' sans-serif;display:inline-block;
position:relative;ackground-imwidth: 90px;padding:7px 15px 7px 15px;
bage:url('http://static.tumblr.com/fjjcjls/PL3mbsjuu/button_bg.png');background-position:bottom left;top right, 0 0, 0 0;-moz-border-radius:1px;-webkit-background-position:bottom left, border-radius:1px;border-radius:1px;-webkit-transition:background-position 1s;on:hover{ background-position:top left;-moz-transition:background-position 1s;transition:background-position 1s;}.butt background-position:top left, bottom right, 0 0, 0 0;}.button:active{ bottom:-1px;}tp://static.tumblr.com/fjjcjls/PL3m.blue.button{color:#fff !important;background-color: #f15c9a; background-image:url('htbsjuu/button_bg.png'); background-image: url('http://static.tumblr.com/fjjcjls/PL3mbsjuu/button_bg.png'), url ('http://static.tumblr.com/fjjcjls/PL3mbsjuu/button_bg.png'), }.blue.button:hover{ background-color:#f15c9a; background-image: url('http://static.tumblr.com/fjjcjls/PL3mbsjuu/button_bg.png'),background-image: url('http://static.tumblr.com/fjjcjls/PL3mbsjuu/button_bg.png');}

Pronto! acabou! agora é só mudar o que está em negrito!
Espero que tenham gostado, usem e creditem!

Créditos