08/09/2013

Tutorial - Menu de Abas

| |

Hellooo! >////<

Vim trazer mais um tutorial, este é um tutorial que eu adoro e uso! É o tutorial de Menu de Abas! >w<
Acho este tutorial super útil pois com ele não ocupamos tanto espaço na barra lateral, coisa que eu odeio ver é Blog com muitos Gadgets na Sidebar, e este tuto ajuda a evitar isso pois podemos colocar várias coisas no mesmo gadget que ele fica com abas! x3 Aqui um exemplo de como fica o menu -> www

Querem aprender? x3


1. Em um Gadget de HTML/JavaScript, 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 />

Lembrem-se de modificar os Nomes das Abas e o Conteúdo delas no código, assim vai aparecer o que você deseja.

_________________________________________________________________________________________________________________

2. Se quiserem adicionar mais abas colem antes de </div><br /> o seguinte código:

<div class="tabbertab" title="Nome da Aba">Coisas da Aba</div>

_________________________________________________________________________________________________________________

Super Fácil! x)



Créditos - Kawaii World

16 comentários:

  1. Olá quer se afiliar comigo?
    Girl's Nerd!

    ResponderEliminar
    Respostas
    1. Eu não aceito afiliação com este Blog.

      Eliminar
  2. Ohayo Chizu-chan >-<
    Será que podias fazer um tutorial de como colocar efeito preto e branco nas imagens?Agradecia muito mesmo >-<

    Kissus!>3<
    My Paradise

    ResponderEliminar
  3. Adorei o tutorial e adoro esse menuzinho fofo <3
    kiss~
    Charllote Maou||@Castle Madness

    ResponderEliminar
  4. Amo esse menu, acho fofo e organizado.

    Com carinho, Ammy | SEMPRE FUI ESTRANHA

    ResponderEliminar
  5. Com que modelo de template você faz a personalização?

    ResponderEliminar
  6. És tão má!! Logo quando tenho escola é que resolves ter uma ideia fantabulástica de criar este blog *^*
    *abraça* eu adoro-teee *-*
    Hahaha

    ResponderEliminar
  7. Top ;) menu de abas sempre necessario.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderEliminar
  8. Oi, amei o layout e este tutorial é ótimo! Fofa, tem como você fazer um tutorial de como colocar essa imagem no rodapé da postagem? Essa que tem uma frase "Tutos 4You! | Obrigada pela sua visita e volte sempre!" ? Quero muito saber como faz.

    Beijos | Mundo Kawaii

    ResponderEliminar
  9. Nunca tinha acessado o seu blog *-* Que perfeito.
    Vou acessar sempre! Está favoritado haha.
    Beijos.
    querendo-voar.blogspot.com.br

    ResponderEliminar
  10. que menuzinho cute *-*, troca seguidor??


    Um Otaku No Blog

    ResponderEliminar
  11. Chizu-chan, ficou muito perfeito ~*
    www.raythay.blogspot.com || Eternal
    www.eosugar.blogspot.com || Angelic

    ResponderEliminar
  12. Amei o seu blog é muito fofinho!
    Segue de volta?? Por favor
    http://chiclete-funny.blogspot.com.br/

    ResponderEliminar
  13. eu estava louca, atras desse tutorial ^^
    tu acabou de me salvar

    Com carinho, Hina | Aishiteru em Contos |

    ResponderEliminar