01/02/2013

Menu Pump


Boa tarde pessoal! Trago um menu chamado Menu Pump. Eu achei ele no HTMLuv!, então todos os créditos vão para lá e se usar não esqueça de creditar ele.


1. Pra adicionar o menu vá ate seu HTML  e procure por ]]></b:skin>, assim que achar sobre ele adicione esse código:

.nav a{ background:#c9e3b9; color:white; padding:4px; width:auto;height: auto; text-align:center; margin: 2px 0px 1px 2px; font-size:10px; text-transform:lowercase; box-shadow:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; border-radius:3px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; box-shadow: 0px -30px 0px 1px transparent, 0px 30px 0px 1px transparent;}

.nav a:hover{text-shadow: 0px -30px 0px #fff, 0px 30px 0px #fff; background:transparent; color:transparent; box-shadow: 0px 30px 0px 1px #f4cedd, 0px -30px 0px 1px #f4cedd;}

2. Onde esta marcado em vermelho são as cores principais. Agora salve, e vá ate seu Layout.
Abra um gadget de java script, e dentro dele adicione isso:

<div class="nav">
<a href="LINK">Nome do Link</a>
<a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('CÓDIGO iframe').innerHTML"> Nome do Link</a>
</div>

Se quiser mais basta repetir, espero que tenham gostado. E mais uma vez os créditos são de HTMLuv!

7 comentários:

  1. Mundo das Ruivas1/2/13

    Nossa o menu e realmente simples mas tem um efeito bem chamativo! E tomara que essa anonima pare de pertubar

    Upi primeira a comentar?

    ResponderExcluir
  2. Legal esse menu. Gostei bastante.

    ResponderExcluir
  3. http://otomesonhadora.blogspot.com.br/2013/02/mil-desculpas-ao-blog-bunny-crazy.html

    MIL DESCULPAS, se quiser eu tiro o meu The End ok?
    Por favor leia essa postagem que eu fiz

    ResponderExcluir
    Respostas
    1. Que isso não precisa já esta tudo bem ^^

      Excluir
  4. Adorei o tuto, se eu mudar o tamanho da fonte pode deixar ele zuadinho? :8


    Almost 18~*

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345