segunda-feira

Tutorial-Menu de abas



Oioi gente como estão?espero que bem. Me desculpem eu não estar postando esse dias é que com o começo das aulas e eu to quase terminando meu blog e um lay free as coisas estão começando a complicar,mas vou postar o máximo que conseguir.Mas vamos ao que interessa,hoje venho trazer um tutorial de como fazer um menu de abas,pra quem não sabe é esse aqui:
créditos da imagem pincelando o céu

Em  um gadget 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 />
Entenda o código: Em 'Aba 1'(Ask,afiliados etc) coloque o título da sua da sua primeira ''pagina'' e no ''Coisas da aba 1'' coloque o conteúdo 
créditos do código seweet girl

E ai gostaram?Conseguiram?Comentem =]

5 comentários:

  1. Gosto de sempre usar esse menu pro " The End " fica tão lindo >3<

    Kissus~~
    >> Photos and Camera

    ResponderExcluir
    Respostas
    1. Realmente,fica super legal além de lindo *-*
      bjão~~

      Excluir
  2. Gosto bastante desse menu,ele e perfeito para colocar no final :)

    kisses!

    lost--time.blogspot.com

    ResponderExcluir
  3. Olá,adorei o tuto,tava procurando ele à um tempão,vou usar no meu próximo layout!
    Abraços..

    http://apenas-um-icarlyco.blogspot.com.br/

    ResponderExcluir