25/10/2013

Menu de Abas



Oii Minions
Um panda fofinho lá da ask me pediu um tutorial de como fazer um Menu de abas.
Flor, atendendo o seu pedido eu trouxe um menu que não dá erro!
Mas antes queria pedir um favorzinho!
Por favor todynhos divulguem o blog. Assim que a gente alcançar a meta de 80 seguidores teremos a estreia do blogrrol com a divulgação dos blogs do mês!
Vamos voltar ao assunto central que é o menu:
"Oi, queria que postasse o tutorial de como colocar tipo, no blog de vocês tem "ask, ajudas e leva?" Tipo um menu, acho que entendeu...Tem como fazer o tutorial? Thanks!
Então, tem sim flor! E pra quem quiser saber leia mais!


1. Se você já teve um menu de abas que estava dando erro apague tudo o que você tem referente à ele. Não deixe nenhum código do menu passado, pois pode ser que entrem em conflito.

2. Em um gadget de Html/JavaScript, cole:
<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}< \/style>');
</style></script>
<script type="text/javascript" src="http://static.tumblr.com/dlelfro/DZqmha795/javascriptkw.js"></script>
<link rel="stylesheet" href="http://static.tumblr.com/dlelfro/Ic9mha75p/abas.css" type="text/css" media="screen" />
<br />
<div class="tabber">
<div class="tabbertab" title="Aba 1">Coisas da aba 1</div>
<div class="tabbertab" title="Aba 2">Coisas da aba 2</div>
<div class="tabbertab" title="Aba 3">Coisas da aba 3</div>
<div class="tabbertab" title="Aba 4">Coisas da aba 4</div>
<div class="tabbertab" title="Aba 5">Coisas da aba 5</div>
Depois, é só modificar oque está em itálico. Você também pode determinar a quantidade de abas apagando somente este trecho exemplo:
"Aqui tem 5 abas mas, eu só quero 4 então eu apago esta parte: <div class="tabbertab" title="Aba 5">Coisas da aba 5</div> deixando esta outra: </div><br /> ".
Assim em diante!
Muito obrigada KW por existir.
Se pegar créditos por favor ao LT e ao KW!
Beijos, Vick c :
Até mais!

Nenhum comentário:

Postar um comentário