Bem vindos ao DESIGNS FT. RESOURCES! Antigo HTML Directioner, criamos esse Tumblr na intenção de te ajudar com HTML e CSS e disponibilizar themes, resources, úteis e tutoriais para seu Tumblr. Fique a vontade para pedir tutoriais, materiais, fazer críticas CONSTRUTIVAS, mas por favor credite tudo que usar e respeite as regras. Obrigada pelo carinho!


Precisamos de moderadores, se inscreva (x)
Não precisamos de parcerias.
já vieram aqui.
Contadores desde: 05/06/2012.
Theme by: Malu Galindo.
pessoas online no momento.
Tema aqui desde: 12/09.
Tema completamente feito por Malu Galindo | CPHS para uso exclusivo do designs ft. resources. Agradecimentos pelo apoio das duas moderadoras daqui, ao Things To Help You, ao Sweet Help e ao Having Themes por vários tutoriais. Não copie, plágio é crime. Se quiser aprender algo, estamos aqui pra tirar suas dúvidas.

Menu falso i-frame.

Então gente… Vou mostrar o menu falso i-frame do jeito que eu, Malubs, faço. 

1) Abra o HTML do seu theme, e procure pelo ctrl + f pela tag </head>. Quando encontrá-la, cole esse (x) código ACIMA do </head>. Observação: nele tem uma parte que diz SUADIVID, e você tem que encontrar a div id dos seus posts pra colocar o nome dela aí. 

1.1) procure pelo ctrl + f a tag {Block:Posts}. acima dela, terá uma <div id=”…”>. Você irá copiar o que está dentro das aspas, e irá colar no espaço SUADIVID que tinha no código do passo 1.

2) Para acessar o i-frame, você vai ter que colocá-la no menu, certo?! Normalmente, o menu funciona assim:

<div class=”CLASSDOMENU”><a href=”LINK”>nome</a></div>

Então você irá deixar o código assim:

<div class=”CLASSDOMENU”><span onClick=”changeNavigation(‘01’)”>NOME DA ABA</span></div>

O número 01 vai variar. Por exemplo: se o 01 for a ask, coloque o 02 como about, 03 como tumblr… E assim vai. É só mudar o número.

3) Agora vamos colocar conteúdo nas páginas, certo? Procure pelo ctrl + f pela tag </body>, e cole acima dela o seguinte código:

<div id=”01”>

<div class=”CLASSDACAIXA”>

AQUI FICA O CONTEÚDO DA SUA PÁGINA (:

</div></div>

*Entendendo: normalmente nos themes tem uma class para a caixa dos posts, e isso você vai ter que procurar no seu html. como? procure pelo ctrl +f pela tag {Block:Posts} e logo abaixo dela vai ter assim: <div class=”…”> copie o que estiver entre as aspas e cole no lugar de CLASSDACAIXA.

E vai mudando o número ‘01’ de acordo com o que mudou no menu. 

Bom, espero que tenham entendido, qualquer dúvida vá na ask :)

/Malubs

Página 1 de 1