Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

muttro

iframe

Recommended Posts

Seguinte,

Iframe mesmo, nao tem segredo, ele é so um comando onde irá aparecer os sites ou apenas os conteudos desejados!!!

Se desejar um exemplo, veja o meu site, é em iframe!

Na seção de cartao, ao entrar no site de cartao, click no link que tem descrito, SITENOVO, dai, você verá la no final, outro link perto de um campo, onde você poderá escolher outros cartoes, ao clickar no link acima do campo, você vera uma pagina abrir em pop e dentro é uma pagina do meu site, e esta sendo usado dois iframes, um no menu e outro na parte central... enfim... irei fazer isso em outras areas do site... aguarde!

 

meu site:

http://www.sitenovo.tk

 

[]s

Rodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Seguem algumas dicas que peguei pela web:

Como trabalhamos com iframes no DW MX, já que ele não aparece, como arrumamos sua posição e

 

tamanho?

 

.:

Você deve inserir frames através do código fonte.

No local que quiser colocar um iframe, vá no código e insira a tag

 

<iframe name="nome do frame" src=" página que será chamado de inicio pelo frame" width="largura"

 

heighgt="altura" frameborder="se você quiser não, coloca 0" scrolling="auto, no, ou yes para

 

rolagem"></iframe>

 

.:

Dica no FW:

Deixar uma imagem selecionável na hora de exportar um site do FW para o DW

Quando estiver trabalhando nele você olha na caixa de propriedade e marque a altura e a largura

Delete a imagem

Dê um clique no buraco (célula vazia)

Vá ao código fonte e declare o código citado acima

Tenho um menu na esquerda e quero barra de rolagem nele, usarei iframe e o conteúdo desse menu deverá ser aberto no iframe do meio.

 

.:

1) Dê um nome ao seu iframe

2) Determine o tamanho do iframe (não há iframe com 100%)

3) Defina sua tabela em 100% ou no mesmo tamanho do iframe.

 

Agora vamos ao código:

 

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="24%"><iframe name="menu" frameborder="0" width="comprimento em px" height="altura em px" marginheight="0" src="menu.htm"></iframe></td>

<td width="76%"><iframe name="conteudo" frameborder="0" width="comprimento em px" height="altura em px" marginheight="0" src="conteudo.htm"></iframe></td>

</tr>

</table>

 

4) Crie a pagina conteudo.htm que vai ser a pagina q vai abrir no meio, então faça também o menu.htm, ambos tem que ter tabela em 100%. Você pode mudar os nomes, mas não esqueça de mudar no iframe também.

 

Obs.: Não esquecer de que se linkar itens do menu tem q colocar | target= |

 

target é o local onde abrirá a pagina chamada pelo menu. Em nosso caso:

 

<a href="contato.htm" target="conteudo">Contato</a>

Como usar o iFrame

 

<iframe name="menu" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 src=entrada.htm frameborder=0 width=100% height=100% scrolling=no></iframe>

 

name, é o nome do iframe sendo assim, se você for fazer algum item do menu abrir dentro desse iframe, deve colocar no menu target="menu"

 

Leftmargin, topmargin = definem a posição dele em relação ao lugar em que ele está, diretamente no browser, diretamente dentro de uma table... sugiro que deixe sempre zero

 

marginwidth, margiheight, define espaçamento em relação ao lugar que está...

 

src, é o que fará abrir dentro do iframe logo que, iniciar ele, veja que é uma pagina

width, height, definem o tamanho do iframe, pode deizer em % mesmo, é o mais ideal

 

scroling, define a barra de rolagem, prefira no, mas se tem duvidas quanto às paginas que forem abrir dentro, deixe no auto.

Como fazer um layer sobre um iFrame

 

.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

<html>

 

<head>

<title>layer and iframe</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<body leftmargin="0" topmargin="0">

 

<iframe src="http://www.site.com.br" frameborder="0" width="770" height="300"></iframe>

 

<div id="l1" style="position:absolute; left:58px; top:104px; width:134px; height:277px; z-index:1; layer-background-color: 0066cc; border: 1px none #000000; background-color: #0066cc;"></div>

 

</body>

</html>

Espero ter ajudado.

 

Imagem Postada

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.