quarta-feira, 23 de janeiro de 2013

Tutorial : Menu Abas


Olá minhas amigas & leitoras !
me desculpem por demorar a postar & também por ficar fora !
é que estou muito enrolada no dia - á - dia 
bom .. não tenho nada á falar para vocês . 

Trouxe um tutorial de menu ABAS . 
é um menu muito fofo , quer ver? clique aqui .
esse blog de preview de tutorias nem é meu :p
vamos aprender?


let's go !!!!!1

Primeiro, adicione um gadget em HTML/Java Script com 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'/>

Esse código é para o efeito do Menu de Abas ficar do jeito do Live Preview.
Agora, pra você coloca-lo no seu blog e colocar seus gadget's nas abas, adicione outro gadget com HTML/Java Script e cole esse código: 

<!-- Início 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 />

Acho que está fácil pra entender, mas vamos lá...

~ENTENDA O CÓDIGO
O que está em Negrito, seria o nome referente ao que estará escrito nas abas do menu.
O que está em Itálico, é onde você vai colocar o código de HTML do seu gadget.

Se você quiser colocar uma imagem como eu coloquei no LP e depois escrevi ou coloquei o HTML do gadget, é esse código que você deve colocar antes do código do seu outro gadget:

<img src="http://static.tumblr.com/3k2w6wn/dCNmao24i/pec3.png" class="elitescale" />

O que eu marquei em ROSA, é o código da sua imagem.
Entenderam?
Espero que sim, e que usem-no.
Beijoos :*



4 comentários:

  1. Achei o tutorial lindo, mais tenho uma pergunta
    Como fazer para acrescentar mais abas? Pois eu preciso de 9 abas! Aguardo resposta.

    ResponderExcluir
    Respostas
    1. Sim . é só você repetir esse código no html/javascript .
      repita um abaixo do outro .

      ***************************************************

      é tipo assim ,ir repetinho um abaixo do outro ^^ quando mais colocando
      mais vai abrindo abas !
      beijos !

      Excluir

- Comente a vontade, eu retribuo ^3^
- Palavras de baixo calão, xingamentos e outros tipos de ofensas não são permitidos. Para quê tanto ódio no coraçãozinho, gente? c: