Tutorial:Menu Blue Dream

                    

Oiee gente!!Hoje vim postar um tuto de um menu muito cute!! olhem o resultado:

                                            


Créditos ao Kawaii World.
Vamos começar:
Primeiro: Pegue o código abaixo. Ele corresponde á fonte do menu. caso não queira ela, ignore essa parte.

@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');
}
Salve

Segundo: Pegue este outro código abaixo. Ele corresponde á personalização do menu, como cores e etc.
.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;}
Personalize o que quiser. Em seguida, salve.
TerceiroAdicione um novo gadget de HTML e adicione 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. Espero que seja útil e que tenham gostado ~ ♥ 

10 comentários:

  1. que fofo que vai ficar hehe queria avisar que tem post novo no blog http://meninascapricho-dada.blogspot.com/2013/01/donna-dolce_9.html vc vai amar a loja que comprei.

    ResponderExcluir
  2. Nossa, amei seu blog, super rosa assim como o meu õ/

    tutorial super fácil õ/

    Visite meu blog, está super atualizado! Ah, e se seguir, me avisa por favor? Seguindo seu blog, pode né? rs @esteffanifontes - tt
    Aos Dezesseis Anos - aosdezesseisanos.blogspot.com.br

    ResponderExcluir
  3. Não gostei do pisca a pisca,acho que cansa a vista..seguindo se puder retribuir agradeço.bjs
    http://www.simonebastos2007.com/

    ResponderExcluir
  4. Oi flor !
    Continue sempre assim , amei o post ! Sucessos ...
    Novo post no blog ! E muito divertido ! Beijos !
    http://elimeirenavarini.blogspot.com.br/

    ResponderExcluir