13 de out de 2012

Tutorial : Menu em Abas

Hey!! Vou ensinar a fazer este menu :
É Bem simples, ele é original do meu blog anterior Cinderela PopStar: 

Para ver ele inteiro clique no link abaixo

Primeiro vá no HTML do seu blog clique em Ctrl + F ou F3 e procure por <head> , e abaixo dele cole 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'/>

Visualize se não tiver nada de errado Salve agora vamos em Layout e Adicionar um gadget e vá em HTML//JavaScript e cole o seguinte 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 />


Entendo o código:
Onde esta escrito Conteúdo 1 2 e 3 vc coloca o que quer que apareça quando clicar lá 
Onde está escrito Aba 1 2 e 3 vc escreve o títuloda aba

2 comentários:

Related Posts Plugin for WordPress, Blogger...