seen from United States
seen from Netherlands
seen from Poland
seen from Norway
seen from United States
seen from Sweden
seen from Brazil
seen from Hong Kong SAR China
seen from United States
seen from United States
seen from United States
seen from United States
seen from Malaysia
seen from United States
seen from Lebanon
seen from China
seen from United States
seen from United States
seen from Germany
seen from Türkiye
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
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Como por Menu falso I-frame
Primeiro coloca isto antes de </head>:
<script type="text/javascript"> function changeNavigation(id) {document.getElementById('aquificaoiddoiframe').innerHTML=document.getElementById(id).innerHTML} </script>
Ai, coloca isso no seu menu :
<span onClick="changeNavigation('NOME DA ID QUE VAI USAR')>Nome</span>
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.
Menus :: Como colocar I-frame
© Unfe3ling Tutorials. Se lhe for útil dê like, se usar credite.
1). O primeiro passo antes de mais nada é colocar o código a seguir exatamente abaixo de<head> no ínicio do seu html:
<script type="text/javascript"> function changeNavigation(id) {document.getElementById('SUA DIV').innerHTML=document.getElementById(id).innerHTML} </script>
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('01')" class="DIV DO MENU">Home</span> <span onClick="changeNavigation('02')" class="DIV DO MENU">Ask</span>
<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:
<span onClick=”changeNavigation(‘01’)”>Home</span>
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
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> :
<script type="text/javascript">
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 ! :)
I-frame em qualquer menu
O i-frame é assim:
<span onClick='changeNavigation('01')'> NOME DO LINK </span>
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 :
<menu><span onClick='changeNavigation('01')'> NOME </span></menu> <menu><span onClick='changeNavigation('02')'> NOME 2 </span></menu>
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
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
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:
<div id="nomedadiv" style="display:none">
Conteúdo que solicitei acima
</div>
E pronto, seu menu está pronto.
Tutorial por Toni, se usar dê like e credite
