22 de fev. de 2013

Tutorial: menu de abas


Hello cutes! Tudo bem? Bom, hoje eu irei ensiná-los a fazer o menu de abas, que eu estarei mostrando logo abaixo, depois do leia mais. Ele é super simples de fazer, além de deixar o blog bem mais organizado! Espero que gostem do menu! Se reblogarem deixem os créditos!


Coisas da aba 1
Coisas da aba 2
Coisas da aba 3
Coisas da aba 4
Coisas da aba 5

Agora que vocês já visualizaram o menu, vamos ao tutorial! 
<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 />

Prontinho! Agora você só precisa editar o que está em negrito e salvar!
créditos: 

11 comentários:

  1. Muito legal esse tutorial,e super fácil! Deixa o blog mais organizado,pois pode servir para ocultar gadgest muito grandes :] beijos

    ~~Quem precisa de tv para ver Beyoncé // perfil

    ResponderExcluir
  2. Seguindo segue de volta por favor?

    ResponderExcluir
  3. Oi flor, não pode fazer o layout para o morango mordido, pois quando voltar coloco o seu layout ;3 Fechado?
    Beijos

    ResponderExcluir
  4. Bem legal o tuto flor.

    http://fashionistaapaixonada.blogspot.com.br/

    ResponderExcluir
  5. muito bom, tava atras desse tuto, rs valeu.

    topa fazer parceria, afiliação ou ser o meu blog irmão, rs?
    www.blogsweegirls.com

    ResponderExcluir
  6. Chique de Bonita22/02/2013, 13:24

    oi querida,passei pra te fazer uma visita.adorei o blog
    http://chique-debonita.blogspot.com

    ResponderExcluir
  7. Eu tava mesmo querendo fazer esse menu desse jeito!
    Thanks!
    Beijo :)
    pqngarota.tk

    ResponderExcluir
  8. Otimo e super facil o tutorial {=

    http://cidadefabulosa.blogspot.com.br/

    ResponderExcluir
  9. Estava realmente atras disso, mas gostaria de saber o que coloca nas abas, tipo são links?

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita