Tutorial - Menu Blue Dream

06/10/2012
~Hii~
Olá leitores. Hoje trouxe um tutorial fácil, pois muitos comentaram no meu último que aquele tutorial era difícil e etc. É um efeito simples para menu. Se vocês quiserem deixar algum pedido nos comentários  deixem que eu faço todos okay? Créditos ao Kawaii World!

Resultado do tutorial:

Modelo - Editar HTML - Ctrl + f e Pesquise por: ]]></b:skin>
Logo acima do que você procurou, cole esse código:

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(http://themes.googleusercontent.com/static/fonts/play/v3/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
}
.soleil {font-family: 'Play'; font-size: 8px; text-transform: uppercase;  margin-bottom: 1px;  text-indent : 20px; height:15px;-webkit-transition-duration: .30s; background : #eee;padding:2px;padding-left: -15px; padding-top: 5px; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; border-radius: 10px; margin-bottom: 2px;}.soleil a {color: #888;}.soleil a:hover {color: #fff;}.soleil:hover { background : #000080; color: #fff;-webkit-transition-duration: .30s; ;text-shadow: 1px 1px 1px #b6c6d3;}

O primeiro código é para a fonte, caso não queira é só apaga-lo.
Faça as devidas modificações e salve.
Então depois disso adicione um Gadget no seu blog HTML/JavaScript e nele cole o seguinte código:

<div class="soleil"> <a href="http://url">NOME DO LINK</a></div><div class="soleil"> <a href="http://url">NOME DO LINK</a></div>
Salve.
Então é isso, espero que tenham gostado. Não esqueçam dos pedidos okay?
Beijos

12 comentários

  1. Que foofo! Adorei.

    Beijos,
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
  2. Que diwwo ,super fofis <3
    Vem me visitar | smileretro.blogspot.com

    ResponderExcluir
  3. Esse menu é super lindo e fofo, eu adorei ele!

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
  4. Lindo Menu,adorei ele!
    bangteen.blogspot.com

    ResponderExcluir
  5. Onww, que menu lindo! Adorei o efeito hover dele ^^

    Kissus :*
    mikicandy.blogspot.com

    ResponderExcluir
  6. Esse menu eh mesmo muito fofo, eu tinha visto ele no KW... Claro que aceito afiliação, quando me colocar aqui, me avise!!! Beeijos e seguindo!
    pqngarota.tk

    ResponderExcluir
  7. Own super cute o menu, lindo demais!

    diamantesdeumagarota

    ResponderExcluir
  8. AMEI O TUTO!
    VOU USAR ELE NO MEU PRÓXIMO DESIGN!
    SEGUINDO SEGUE DE VOLTA?

    ResponderExcluir
  9. O código é facílimo de ser colocado! Gostei bastante do menu, ele é pra quem tem um pouco de dificuldade com html, né? Com certeza vai atrair mais leitores! Beijos e eu estou seguindo!

    bubbles-candy|blogspot

    ResponderExcluir

Retribuo todos os comentários, menos comentários como Seguindo, segue de volta ? ou parecidos, esses NUNCA serão respondidos!
Fora isso fique a vontade para comentar e volte sempre <3