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