Updates +
Devido ao hiatus, não estamos moderando nem respondendo nenhum comentário, porém o blog continua aberto para visualização. Obrigada pela visita ♡

18 de dezembro de 2012

Como fazer um menu deslizante




 Agora a moda seguida pela maioria dos blogs é o tal do menu deslizante, popular por ser organizado e poupar espaço nos gadgets, eu mesma optei por colocar o menu aqui no blog como vocês podem ver ^^,  well se você já quis colocar esse menu fofo no seu blog de uma maneira bem fácil aqui está a solução, você não vai nem precisar mexer direto no HTML do layout.



Bem claro, se você quiser fazer do jeito mais difícil ou quiser aprender do jeito difícil no Cherry Bomb há um tutorial do menu deslizante, mas é diferente do que vou fazer aqui, esse é mais fácil. Você deve estar se perguntando, "Mas afinal que porcaria vai mudar no difícil ou no fácil??" Bem, nada (yeHET) a única coisa que muda é que, oras, é mais fácil, então vamos lá.


1. Vá em layout > Adicionar um gadget > HTML/JavaScript > Cole o seguinte código nesse gadget:

<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/></script>

 2. Salve esse gadget (nada vai ter mudado ainda apenas a faixinha estará em cima primeiro gadget, se quiser que ela fique por último, coloque o gadget de HTML que você adicionou por último também)

3. Adicione outro gadget de HTML/JavaScript e cole o seguinte código:

<div class="tabber">
<div class="tabbertab" title="Título da 1ª Aba">
<br />
Conteúdo da primeira aba
</div>
<div class="tabbertab" title="Título da 2ª Aba">
<br />
Conteúdo da segunda aba
</div>
<div class="tabbertab" title="Título da 3ªAba">
<br />
Conteúdo da terceira aba
</div>
</div>
<center><br /></center>
Faça as alterações necessárias e pronto! 

2 comentários:

  1. Brigada tava precisando, seu blo é ótimo, mas pouco famoso assim como o meu que esta em reforma ^^'

    ResponderExcluir