TUTORIAL: Colocando menu abas

|
Workers, vim postar mais um tutorial super útil para vocês e o que trouxe agora foi o menu abas. Eu mesma já testei e realmente funciona sem erros! Você deve está se perguntando: "Para que eu iria querer um menu abas?". A dica é usar esse menu nos afiliados, sendo uma aba os sisters e a outra a elite, deixa o blog muito mais organizado e bonito. Esse tuto eu peguei no blog Birthday Cake, então todos os créditos vão para eles, okey? O menu de que estou falando é este:



Layout > Adicionar Gadget > HTML/JavaScript e cole o código abaixo:

<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'/>
Agora adicione outra gadget HTML/Javascript e cole:

<!-- Menu em abas By: BirthdayCake --><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><!-- Fim Menu Abas By: BirthdayCake --><center><br / 
Substitua ABA pelo nome da aba e no Conteúdo coloque o que aparecerá quando apertarem na aba ! 

Se quiser adicionar mais abas cole:
<div class="tabbertab" title="Nova Aba"><br />
Conteúdo da Nova aba</div>
</div>
Super fácil né? Se for usar este tutorial, comente nos comentários e qualquer dúvida também use os comentários, nada de c-box para tirar dúvidas, viu? 

xoxo


Nenhum comentário:

Postar um comentário