24/09/2012

Tutorial: Menu em abas

||
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?

O menu de abas é assim para quem nunca viu

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

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


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

<!-- Í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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram