24/09/2012

Menu de abas (Tabs) [001]


Aposto que vocês vá viram esse menu de abas em algum blog, e bem mimoso simples e pratico não é? Sem dizer que economiza espaço. Bem eu peguei esse tutu do blog Dear Diary Modern, então todos os créditos vão para lá ok?

DESATIVADO! TUTORIAL NÃO FUNCIONA MAIS.... DESCULPE!!!

O menu de abas é assim para quem nunca viu

1. Então vamos tentar? Em seu HTML procure por <head>, achou? Agora bem abaixo dele você adiciona esse código:

Códigos
<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'/>


2. Vizualise e veja se não deu erro. Agora vá em layout e abra um gadget de HTML/Javascript e dentro dele coloque isso:

Códigos
<!-- Ínicio Menu Abas -->
<div class="tabber">
<div class="tabbertab" title="Aba 1">
<br>
Conteúdo 1
</>
</div>
<div class="tabbertab" title="Aba 2">
<br />
Conteúdo 2
</div>
<div class="tabbertab" title="Aba 3">
<br />
Conteúdo 3
</div>
</div>
<!-- Fim Menu Abas -->
<center><br />

As cores já são automáticas entrara de acordo com as cores que tem no seu blog ok? Espero que tenham gostado se der erro na 1º vez tente mais uma vez tá bom?

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345