ISA Karla Sukone Tei VAGA

17 de fevereiro de 2013

Menu de Abas


Boa tarde, gatinhos.
Fizeram um pedido na minha ask solicitando que eu ensinasse como se faz o menu de abas que está no gadget "Extras". Primeiramente, créditos! Quer saber como se faz o menu? haha, vem comigo. 
Vamos lá: A Kaorii, do Kawaii World achou um erro no menu e o arrumou, porém esse menu só ficava rosa, e tem outras cores disponiveis para ele. Se você já usava o menu e ele deu erro, apague todo o código  e siga o tuto.

Adicione um gadget HTML/JavaScript e cole: 
<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}< \/style>');
</style></script>
<script type="text/javascript" src="http://static.tumblr.com/dlelfro/DZqmha795/javascriptkw.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/dlelfro/Ic9mha75p/abas.css" type="text/css" media="screen" />
<br />
<div class="tabber">
<div class="tabbertab" title="Aba 1">Coisas da aba 1</div>
<div class="tabbertab" title="Aba 2">Coisas da aba 2</div>
<div class="tabbertab" title="Aba 3">Coisas da aba 3</div>
<div class="tabbertab" title="Aba 4">Coisas da aba 4</div>
<div class="tabbertab" title="Aba 5">Coisas da aba 5</div>
</div><br />
Para trocar as cores basta trocar o link em negrito no código por uma das opções a seguir:

Azul: http://maca-envenenada.zip.net/abaazul.css
Rosa:  http://maca-envenenada.zip.net/abarosa.css
Verde: http://maca-envenenada.zip.net/abaverde.css
Roxo: http://maca-envenenada.zip.net/abaroxa.css

Simples né? Espero que tenham gostado. Qualquer dúvida, é só comentar.
Beijos da Isa. ♥

8 comentários, comente também!

  1. Adoreii,vou tentar no meu blog
    Beijos
    Karla/Dona-->Rabiscos no Papel

    ResponderExcluir
  2. Adoreii. Acho que não conhecia esse não ^^
    :*

    garotoimoral.blogspot.com

    ResponderExcluir
  3. muito útil o menu de abas, principalmente pra fazer um extras
    beijos
    Once Upon a Time e Null and Void (ambos no perfil)

    ResponderExcluir
  4. Nosso eu pedi, valeu mesmo!

    thegarotafeminina.blogspot.com

    ResponderExcluir
  5. Eu conheço esse menu e estou usando no meu layout ^^

    Beijos!
    http://productions-ofdreams.blogspot.com.br/

    ResponderExcluir
  6. Pode parecer um pouco tosco, mas como assim menu? Amei o tutu ;)

    ResponderExcluir
  7. Awn obrigado ajudou bastante *w* coloquei no lay original do blog ( que to alterando pra ficar mais cute *u*)
    Seguindo
    Aceita afiliação? *w*

    geekegirlie.blogspot.com

    ResponderExcluir
  8. Obrigado por ter dado ter dado crédito ao meu blog, fico contente ;)

    Abrços
    Bruno

    ResponderExcluir

Design completo por Alan Felipe | Todos os direitos reservados © 2012 - 2013 | Tecnologia do Blogger