Discover Top Posts Tagged with #i-frame

Ekstrands new I-frame - for trendy interiors

The frame is integrated into the wall and gives the impression that the door and the wall is one. Can be selected as an additional option for all Ekstrand TYPE 1 interior doors.

Find all our interior doors here >> ekstrands.com/innerdorrar

#Ekstrands #I-frame #I-karm #interior doors #door #doors #door frame #invicible #design #architecture #interior design #decoration #interior decoration

Como por Menu falso I-frame

Primeiro coloca isto antes de </head>:

Ai, coloca isso no seu menu :

Agora em cima de </body> coloca isso :

<div id="NOME DA ID QUE VAI USAR" style="display:none"> Conteúdo </div>

Se foi útil de like <3 Não reblogue/repasse esse tutorial.

#menu #failso #i-frame

Menus :: Como colocar I-frame

1). O primeiro passo antes de mais nada é colocar o código a seguir exatamente abaixo de<head> no ínicio do seu html:

Bem o que você precisa entender, esse é o script que faz o i-frame pegar, então é super importante coloca-lo no lugar correto. Quanto ao lugar escrito SUA DIV, você colocará a div dos seus posts, caso você não saiba qual é, dê ctrl+f e procure por {block:posts}, provavelmente acima disso irá ter algo parecido com isso: <div id=”post“…, só que no lugar de post aparecerá sua div, no caso a minha div post. Pronto quando localizar, copie e cole onde se pede.

2). Cole o código abaixo entre <style> e </style>, ele é o css da caixa onde ficará o texto do seu i-frame:

.caixa1 {background: #FFF; padding: 5px; margin-bottom: 1px; left:110px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

2). Feito isso essa é a parte um pouco mais complicada, aqui você irá colocar o menu em ação, basta colar o código abaixo onde desejar o menu que obviamente será acima de entre <body> e </body>:

<span onClick="changeNavigation('03')" class="DIV DO MENU">Tumblr</span>

Bem onde tá div do menu você vai botar a div do seu menu (óbvio), para acrescentar páginas de i-frame você deverá colar essa parte quantas vezes desejar:

Lembrando que para funcionar você deverá substituir o número pelo seu sucessor.

3). Pronto agora vamos só fazer as páginas de i-frame. Para que isso aconteça cole o código abaixo exatamente antes de </body>:

<div id="01" style="display:none"> <div class="caixa1"> Conteúdo do iFrame 1 </div></div> <div id="02" style="display:none"> <div class="caixa1"> Conteúdo do iFrame 2 </div></div> <div id="03" style="display:none"> <div class="caixa1"> Conteúdo do iFrame 3 </div></div>

Lembrando que: essas são as caixas que apareceram o i-frame por tanto, caso você tenha botado mais links de i-frame no código acima você deve aumentar a quantidade de caixas substituindo a div id em negrito pelo número sucessor. Pronto seu i-frame está posto, qualquer dúvida ou erro me procure que eu farei o máximo para responde-lo(a). Abaixo, você encontrará uma FAQ com as dúvidas mais comuns, consulte-a primeiro.

FAQ:

Como assim número sucessor?

É o número que vem depois, no caso se seu último link teve como div o número 3 o próximo terá o número 4.

Quando eu clico no link só aparece Conteúdo do i-frame, não aparece nenhuma caixa com o conteúdo.

Substitua o que está em negrito: <div class=”caixa1“>, pela div da sua caixa de posts.

Como acho essa div?

Procura no teu css que você acha.

Onde fica o css?

Entre <style> e </style>.

Enfim é isso mais dúvidas ask. ;D

#manututorials #manu #tutos #i-frame #menus

Menu Falso I-frame

Para quem não sabe, i-frame é tipo um efeito que por exemplo quando você clica em um menu, você não é redirecionado a outra página, ela abre ali mesmo só muda o conteúdo.. Para fazer um menu i-frame primeiramente vá até {block:Posts} e antes vocês acrescentará: <div id="main"> e procure por {/block:Posts} e depois disso acrescente mais uma </div>. Agora coloque o código abaixo antes de </head> :

function changeNavigation(id)

{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}

</script>

E isso aonde quer que o menu apareça :

<span onClick="changeNavigation('01')">Primeiro link</span>

<span onClick="changeNavigation('02')">Segundo link</span>

<span onClick="changeNavigation('02')">Terceiro link</span>

E agora é a parte em que fica a página do falso i-frame é aonde redireciona, pode ser colocado abaixo do código acima.

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

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

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

Em conteúdo você coloca oque quiser que apareça na página, se quiser acrescentar mais abas é só multiplicar o código... Se gostou dá like ! :)

#iframe #i-frame #menu

I-frame em qualquer menu

O i-frame é assim:

Para por em forma de menu EU faço assim e sempre dá certo :

.menualgumacoisa { aqui seria o codigo do menu de alguem/seu } .menualgumacoisa:hover { codigo do hover do menu de alguem/seu }

Troca esse '.menualgumacoisa' (é o nome do menu ok? ) por 'menu' ou tire o ponto do começo . Isso mesmo, é pra ficar SEM o ponto !

Vai ficar

menu {codigos} menu:hover {codigos}

Sim , vai ficar vermelho mesmo .

E onde quiser seu menu coloque assim :

#Tutoriais #menu #uteis #i-frame

receberam minhas asks sobre o i-frame no theme que a Anita codificou? :cccc

Não sei se recebemos, mas sua dúvida é sobre como colocar? Bem, vou explicar, porque é simples, só precisa de atenção. A estrutura deste menu é feita de links. São todos links, e como sabemos, os links começam com o a. Então ao colocar o código "normal" do i-frame, o menu ficaria sem o css, porque o i-frame começa com span. Certo? Certo. Vejamos o menu:

HomeMessageTutoriaisAboutMateriaisFAQ

Vamos usar o seguinte código para o falso i-frame:

Nome

Vamos entender? Este código é a mesma coisa do outro com span. Onde está frame é o nome do local onde você posiciou o seu i-frame, que nem no primeiro código. Normalmente é no mesmo lugar onde estão seus posts. E onde está ‘01’ é o nome do seu i-frame. Eu numero os meus, mas vocês devem colocar coisas como ‘ask’, ‘about’, etc.

Em relação ao menu deste theme, cada aba tem uma class. Vejam que os links tem class="algumacoisa" em todos e a tag de span no nome de cada menu. Eles denominam o que cada um são, já que o menu é feito com imagem, e o span serve para ocultar o que está escrito ali, para que fique só a imagem. Para que fique certo, vocês devem acrescentar esta class também no seu i-frame e a tag span. Como fazer isso? Vamos usar de exemplo o about. Então ficaria:

class="about" onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('frame').innerHTML=document.getElementById('01').innerHTML">About

E é isso! Espero que tenha esclarecido suas dúvidas, beijos. :3

#askutil #menu #i-frame

Menu Falso I-Frame:

Menu Falso I-Frame: é o menu no qual usamos para os tutoriais, ask, materiais e créditos. É um menu que não carrega como link normal, e é feito no theme. Eu notei que aqui ainda não havia o tutorial, e resolvi fazê-lo. Vou tentar explicar da melhor forma possível.

O que colocar no conteúdo do menu: É, eu recomendo por o about, tumblr e créditos no iframe. As vezes as pessoas põem faq, mas eu recomendo os acima que é bem mais fácil.

Como aplicá-lo no menu:

<span onClick="document.getElementById('nomedoiframe').innerHTML=

document.getElementById('NOMEDADIV').innerHTML;">Nome</span>

Eu sei, esses códigos são difíceis de compreender, mas vou explicar. Em nome do iframe você pode colocar posts, que é a div que sempre usamos em themes. Nome da div é o nome que você deu na div do CSS.

Como criar a página do I-Frame: O conteúdo e como aplicar eu já ensinei, mas agora é necessário criar a página. Procure pela tag </body> e coloque o conteúdo abaixo:

Conteúdo que solicitei acima

</div>

E pronto, seu menu está pronto.

Tutorial por Toni, se usar dê like e credite

#tutoriais #menus #i-frame #toni