23 de out de 2012

Menu de Abas!

Tumblr_m36lwauwsd1rshvkro1_500_large
Olá queridos! Vim com um Tutorial muito utilizado, em vários Blogs! Querem saber qual é!? dã, só ta no título retardada! O Menu de Abas!!!! Além de ser fofo, é muitoo fácil! Nem precisa mexer com HTML!!
Vejam um Exemplo:

Tirei um Print do Viciadas em Cupcakes, hihi.....
Bom... E você, quer aprender!? Então siga-me os Bons!

Abra um HTML / Java Script e cole:

<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'/>

Salve.

Agora abra OUTRO HTML / Java Script e cole:

<div class="tabber">
<div class="tabbertab" title="Aba 1">
<br>
Conteúdo da aba 1
</>
</div>
<div class="tabbertab" title="Aba 2">
<br />
Conteúdo  da aba 2</div>
<div class="tabbertab" title="Aba 3">
<br />
Conteúdo da aba 3</div>
</div>
<center><br />

Está bem Claro não!? Em Aba (1,2,3) Coloque o Nome desejado... E conteúdo, o que deseja colocar na Aba!

Você quer colocar mais de 3 abas!?? Então cole o seguinte código após a aba 3:

<div class="tabbertab" title="Aba nova">
<br>
Conteúdo da aba nova
</>
</div> 


Super fácil não é!?


Beijos!




2 comentários:

  1. num deu certo,ficou tudo junto.Deixei carregar o blog por inteiro,mas mesmo assim num deu!

    ResponderExcluir
    Respostas
    1. Pra mim deu... ;( Logo logo posto um especificando beem... As vezes não aparece a aba... Mas depois de um tempinho... Carrega!

      Excluir

Related Posts Plugin for WordPress, Blogger...