Hey todo mundo!
Hoje eu vim ensinar para vocês a fazer um menu fofo e super delicado! Esse é meu segundo primeiro post! Vamos lá?
Veja o menu aquiGostoou? Então leia abaixo!
Vá no seu painel do blogger→ clique em modelo→ prosseguir→ aperte Ctrl + F, no campo em branco digite ]]><b:skin ]
Acime desse texto procurado, cole o seguinte código:
Acime desse texto procurado, cole o seguinte código:
menu {width: 100px; font-size: 15px; font-family:'Stars From Our Eyes'; color: #fff;float:left; letter-spacing:1px; text-align:center; margin:2px;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;-webkit-transform: rotate(0deg) scale(0.828) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(0.828) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(0.828) skew(1deg) translate(0px); }
.menu:hover {-webkit-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.02) skew(1deg) translate(0px);}
/** Fonte personalizada **/
@font-face {font-family: 'Stars From Our Eyes';src: url('http://static.tumblr.com/mmrynko/17Dm6e4ef/starsfromoureyes.ttf') format('truetype'); font-weight: normal; font-style: normal;}
Entendendo o código
Width equivale a largura do menu.
Font-size ao tamanho da fonte do menu.
Font-family é a fonte do menu. Se você não quiser essa, mude e apague de /**Fonte Personalizada **/ até o final.
Color é a cor do menu.
Float: left é o alinhamento, no caso está a esquerda. Pode por Rigth tamb
Agora é só ir em Adicionar gadget >> Java/Script e colar:
<a href="link" class="menu"> <div style="COLOR: #fff;">Home</div></a>Beijos
Créditos ao blog Garota do Olhar Sincero e ao Kawaii World
Ammeii o tutorial, talvez use no meu proximo layout, vou ate colocar nos favoritos kk rsrs' mre você pode seguir meu blog? estou te seguindo obrigada bjks
ResponderExcluirhttp://blacktoopink.blogspot.com.br/
A Miih é uma fofa mesmo né? Ela está começando aqui postando coisas ótimas'
ExcluirClaro que eu sigo seu blog
-Kaahwii
Aiin, esse menu é muito divo!
ResponderExcluiromeubrilhantemundo.tk
Verdade ♥
ExcluirAhhhh! Esse menu é demais e há tempos que queria saber como fazer. Mas parece meio difícil, né? Vou tentar :B
ResponderExcluirgarota-queen.blogspot.com ♥
Pois agora você achou no lugar certo ;]
ExcluirNão é difícil amor, só prestar atenção'
Beijos
Adorei o menu <3
ResponderExcluir#bezoos~~> perfeitosmile.blogspot.com
Agradeçendo pela Miih :3
ExcluirQue lindo esse menu. Vou tentar colocar ele no meu blog *-*
ResponderExcluirBeijos,
modicesdemenina.blogspot.com
Coloca, seu blog já é lindo e com esse menu vai ficar muito meigo t-t
ExcluirEsse menu e muito lindo.
ResponderExcluirFlor, p/ aparecer p/ perguntar anonimamente na ask so precisa aumentar aquela caixinha no headings, pelo que ue me lembre, se nao for e no outro (: E isso, so precisa aumentar!
Xoxo, Melissa :*
doucelamour-oficial.blogspot.com.br
TO seguindo o seu blog.Amei.
ResponderExcluirSegue de volta?
http://funsttar.blogspot.com.br/
O menu é liindo, feio é copiar o tutorial do Kawaii World e não creditar... :/
ResponderExcluirBeijos, Garota do Olhar Sincero
Esse menu é tudo !
ResponderExcluirSó não coloco lá no blog porque já tenho o meu :c
Mas qualquer coisa eu coloco c:
Obrigado pela visita lá, beijos ;**
Seguindo c:
esse menu é diwo, já vi ele em algum lugar que não me lembro, mas agora vai pro meu "arquivo de menus que eu pretendo usar" '-'
ResponderExcluirele acho que vai entrar no meu próximo layout... Quem sabe? bezzo, sarah
http://svt-pistache.blogspot.com.br/
Ficou lindo !!! Mas pera ai, é pra tumblr , ou pra blogger? #duvida
ResponderExcluirthe-zombieworld.blogspot.com
Becky Nunes/ Andy Assis
Que lindo menu! Acho que usarei no meu próximo layout, rs.
ResponderExcluirEstou seguindo aqui com o meu blog novo, adoraria se pudesse dar uma passadinha lá e seguisse.
Obrigada desde já e ótimo feriado.
Gabi Andrade xx
littlethings-br.blogspot.com
Passando aqui para visitar minha fofa afiliada! Amei o tuto!!! Beijos
ResponderExcluirXOXO ♥
http://blog-mystupidlife.blogspot.com.br/