Postagens populares

quinta-feira, 10 de março de 2011

Usando o falso iFrame.

O falso iFrame são aqueles "link" que te levam para uma página mais ou menos escondida, sem nem sair da página inicial do seu tumblr.

Procure por {block:Posts} no seu theme, logo acima dele, deverá haver uma tag desta forma (não se esqueça que “{block:Posts}” pode aparecer várias vezes no theme, você tem que perceber quando é o certo): <div id=”NOME DA ID“>

Pronto, copie este nome da ID (guarde-o nom bloco de notas em algum outro lugar para não esquecer). Agora você precisará substituir o texto em negrito abaixo pelo NOME DA ID e colar o código antes de </head>:


<script type="text/javascript">
function changeNavigation(id) {document.getElementById('NOME DA ID').innerHTML=document.getElementById(id).innerHTML}
</script>

Agora, procure a parte do código onde você quer que apareça o menu para alternar entre os iFrames falsos, e cole isso:

<span onClick="changeNavigation('01')">Nome do link</span>
<span onClick="changeNavigation('02')">Nome do link</span>
<span onClick="changeNavigation('03')">Nome do link</span>

Obs.: O menu não se restringe a apenas 3 itens, para criar mais, basta copiar alguma das linhas do menu, aumentando apenas o número (por exemplo, para criar mais um, você deve por um com o número 04).

Agora cole isso antes de </body>:

<div id="01" style="display:none">
Conteúdo do iFrame 1
</div>

<div id="02" style="display:none">
Conteúdo do iFrame 2
</div>

<div id="03" style="display:none">
Conteúdo do iFrame 3
</div>

Obs.: Se você criou mais um item no menu, não se esqueça de criar mais um iFrame, para isso, basta copiar algum dos itens da lista de conteúdos e susbtituir o número (pelo mesmo número que está no menu).
Obs.² : É bem complicado de conseguir fazer isso dar certo, então se da primeira vez não deu, tente de novo e de novo que alguma hora você vai conseguir.

Esse tutorial foi retirado do Tumble Tricks =)

5 comentários:

  1. Muito bom este efeito!
    Já uso no meu tumblr! rsrs *--*

    http://garotasederivados.blogspot.com/

    ResponderExcluir
  2. Olá, eu sou dono do TumbleTricks (http://tumbletricks.tumblr.com/)

    Li no final do post que o este tutorial foi retirado de lá, pois é, segundo a licença do TumbleTricks (http://tumbletricks.tumblr.com/sobre) você não pode copiar nenhuma obra de lá. Favor apagar o post ou seu blog será denunciado no Blogger :D

    ResponderExcluir
  3. Porque a guria copiou isso se o tumblrtricks é mais famoso e todo mundo já deve ter visto lá?

    ResponderExcluir
  4. É mesmo, se não pode copiar, então você podia fazer um post com vários tutoriais que você indica, daí ao invés de você copiar o tutorial, você só coloca o link dele, entendeu? Como se fosse uma indicação...

    ResponderExcluir