.

25 novembro 2012

Menu de abas


Mais um tutorial pra vocês!Esse daqui está sendo muito usado nos blogs, e muita gente não sabe como fazer, mas é muito fácil, é só prestar atenção.
Veja como fica:




Entre no html do seu blog, dê um Ctrl + F e procure por <head>, embaixo dela coloque o seguinte 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'/>



Salve. Coloque um novo gadget de HTML/JavaScript  e coloque esse código:
<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<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 ~ By Drikoti.Net -->
<center><br />


Onde está escrito Aba 1 é o Titulo da sua aba, o Conteúdo é o texto que vai ser mostrado quando a aba for clicada. Fácil não é mesmo ?
Os devidos créditos ao blog Chovendo em Paris
Atenção: Quando a aba for clicada ela não vai redirecionar para um link, ela serve como ocultar e mostrar conteúdo.

Nenhum comentário:

Postar um comentário

Queremos muito saber sua opinião, comente e diga o que você achou!