Iframe – O que é? Como usar?

por Celso Lemes em 27/02/2008

na categoria PHP, HTML e JavaScript

Crie um Iframe para abrir uma página dentro de outra e exibir um conteúdo extra dentro de suas páginas.

O que é o Iframe
É um código HTML que faz com que uma determinada página seja aberta dentro de outra.
Trata-se de um código HTML, portanto só é possível utilizar um Iframe em páginas que aceitem HTML. Confira um exemplo.

Pra que serve
É muito útil quando é necessário inserir algum conteúdo dentro de uma página que não o comporta.

Como inserir o Iframe em uma página
Primeiramente é necessário que a página a ser incluída dentro do Iframe esteja em algum lugar na internet. Neste artigo estou utilizando uma página chamada iframe.html que está hospedada dentro do servidor do Criar Sites.

Depois acesse este link e copie o código e cole no local em que deseja que o Iframe apareça.

Altere os seguintes valores:
Name: Este é o nome do Iframe. Pode ser qualquer nome.
SRC: Link para a página que será exibida no Iframe
FrameBorder: Borda do Iframe. É recomendado deixar esse valor em Zero.
Width: Comprimento do Iframe.
Height: Altura do Iframe
Scrolling: Controla o aparecimento da barra de rolagem, altere para “no” caso não queira que ela não seja exibida.

Para que você entenda melhor o funcionamento, você pode acessar diretamente a página iframe.html que aparece dentro do utilizado no exemplo acima.

Dica
Se você pretende adicionar links dentro da página que aparece dentro do Iframe, é necessário que os links estejam configurados para abrirem em uma nova página (blank) ou para abrir em “parent” que faz com que o link seja aberto na mesma página em que o Iframe está sendo exibido.

Mais Artigos que você pode estar interessado

Sobre o autor do Blog

celso lemes

Website | Twitter | Facebook | Google+

Celso Lemes é Webmaster e Blogueiro profissional. Desenvolvedor do CriarSites.com e do Curso Profissão Problogger e de outros tantos blogs.

{ 3 trackbacks }

Script contra Blogueiro Vigarista! | Como Fazer Web
21/12/2010 às 8:12 pm
Facebook – Como Inserir ‘iframes’ Com FBML Na Fan Page | NuvemSEO.net
17/02/2011 às 3:53 pm
como acabar com o plágio|Script contra Blogueiro Vigarista!
16/03/2011 às 2:26 pm

{ 122 comentários… leia abaixo ou deixe o seu }

1 gina 30/07/2008 às 10:19 am

Olá gostaria de saber se voces tem modelos de codigos pronto, para iniciantes que queiram montar um site, estou tentando montar, mas estou encontrando algumas dificuldades,na pagina inicial e na galeria de fotos. (estou usando a linguagem PHP)

se puderem me ajudar.

Grata: Gina

Responder

2 Celso Lemes 31/07/2008 às 7:02 pm

Gina,

Não entendi direito sua pergunta, estou supondo que perguntou sobre templates. Aqui vai uma página com vários sites para baixar templates .http://www.criarsites.com/templates-gratis/

Uma geleria de imagens simples que eu recomendo é o Gallery Thingie http://www.criarsites.com/galeria-de-imagens-gall…

Qualquer dúvida deixe outro comentário. Abraço!

Responder

3 Ladimir Kruger 31/08/2008 às 3:11 pm

Celso,Estou tentando aprender Iframe

Nao existe outro Tutorial que aprende mais profundmente?

Responder

4 Celso Lemes 31/08/2008 às 4:02 pm

Ladimir,

Infelizmente eu não conheço nenhum site que ofereça esse tipo de tutorial.

Abraço!

Responder

5 ronaldo flafio 05/09/2008 às 9:18 am

amigo por favor estou editando uma pagina so em html, estou com uma pequena duvida, eu não faço isso a muito tempo, bom eu estou criando uma pag para meu grupo bem simples so para msotrar nossa esistencia ao mundo, e no centro uso um iframe para que fique mais facil atualização, porem fora dele na pagina principal existe um menu eu gostaria que as novas paginas do menu abridem dentro do iframe, seria isso possivel sem a ajuda de php. pois o servidor é gratuito e não da suporte a php, so css e alguns scrip em java desde que nada demasiado.

obrigado

Responder

6 Celso Lemes 05/09/2008 às 7:27 pm

Ronaldo,
Isso só é possível com programação ou com a ajuda do Front Page que faz isso por html.

Para fazer isso clique em “Arquivo” > “Novo” > “Página ou Web”

No menu que se abre a direita clique em “Modelos de Página”.

Na nova janela clique na aba “Página de quadro” e escolha o estilo do seu site.

Espero que consiga, Abraço!

Responder

7 Tiago 27/02/2009 às 3:18 pm

Boas..

É possível actualizar o iframe? Por exemplo, ter um menu e quando carregamos no botão, o conteúdo do iframe é alterado.

Obrigado
Tiago

Responder

8 Celso Lemes 27/02/2009 às 8:46 pm

Tiago,
É possível sim, no Front Page pode ser feito com facilidade, porém eu não sei os códigos necessários para fazer isso.
Também não recomendo esse tipo de técnica por que seu site não seria indexado corretamente pelos buscadores.
Abraço!

Responder

9 Tiago 28/02/2009 às 11:36 am

Obrigado Celso,

Como não recomenda esse método, conhece alguma maneira de actualizar apenas uma determinada parte da pagina, sem carregar a pagina completa?

Obrigado,
Tiago

Responder

10 Celso Lemes 28/02/2009 às 12:58 pm

Tiago,
O Iframe trás problemas porque os buscadores reconhecem a página dentro do Iframe como uma página diferente.
Tem também o problema de que a página do Iframe não conterá o menu de navegação, dificultando que os buscadores encontrem a página em questão.

A inclusão de páginas poderia ser feito por PHP com o comando include. O código abaixo carregaria uma página dentro de outra.
<?
include("arquivo.php");
?>

Porém isso só funciona se for colocado em uma página em PHP.

Como eu falei anteriormente, eu não entendo muito sobre isso, e não poderei lhe ajudar a criar algo assim.

Abraço!

Responder

11 dimmy 15/04/2009 às 4:31 am

estou tento problemas com as imagens esta dando erro ao carregar
e fala q esse tipo de imagem n é aceita
o tipo de imagem é Jpg

me ajude obrigado

Responder

12 dimmy 15/04/2009 às 4:33 am

olha oq aparece no admin

Error: Este tipo de imagem não é permitido.

e noa carrega a imagem

Responder

13 dimmy 15/04/2009 às 4:33 am

ah e outra tentei outras fotos
de tamanho menor e nada

tem algum tamanha especifico?

obrigado

Responder

14 Celso Lemes 15/04/2009 às 10:37 am

Dimmy,
Não entendi suas dúvidas. Sobre o que você está falando?

Abraço!

Responder

15 dimmy 15/04/2009 às 12:26 pm

Celso lemes desculpa…
sem querer pensei que eu estava na parte do Gallery Thingie….
acho q cliquei na parte do iframe sem querer….

é sobre o Gallery Thingie quando vou colocar a imagem ele me fala que da um erro e o formato da imagem nao é aceito tipo isso…
Error: Este tipo de imagem não é permitido

desculpa…. posso fazer esse comentario la na parte da galeria… foi falta de atenção minha..

abraços e se puder me ajudar agradeço!

Responder

16 jhoow 18/04/2009 às 9:35 pm

manim te amo! heuheueh
tava a muito tempo tentando aprender mais naum achava o codigo brigadu.

Responder

17 Celso Lemes 18/04/2009 às 11:11 pm

Jhoow,
Que bom que lhe ajudou. Ah! eu não te amo não. :shock:
Brincadeira!

Abraço!

Responder

18 dante 28/04/2009 às 6:26 pm

Olá, parabéns pelo post.
Eu uso um Iframe do blogspot dentro do web acappella. Como as os links abriam dentro do iframe coloquei um codigo pra todos os links abrirem em uma nova página. Acontece que se a pessoa por exemplo clicar em notícias antigas, vai abrir em uma nova página e mostra só o iframe.
Vi que você citou o recurso parent.
gostaria de saber como eu coloco isso no blogspot.
Obrigado, desde já grato.

Responder

19 Celso Lemes 29/04/2009 às 12:08 am

Dante,
O link deve ficar assim
<a href="http://criarsites.com&quot; target="_parent">Criar Sites</a>

Abraço!

Responder

20 dante 29/04/2009 às 1:57 pm

Valeu, eu coloco isso no blogspot certo?
Se sim, e eu coloco o codigo no body ou no cabeçalho?

Obrigado brother!

Responder

21 Celso Lemes 30/04/2009 às 8:58 am

Dante,
Você deve colocar no local que desejar que o frame apareça. Que pode ser qualquer local que suporte html.

Abraço!

Responder

22 Alberto 14/05/2009 às 11:13 am

Celso, eu estava kerendo um codigo de uma pagina q quando vc abre o site lah vai estar ela, e qualquer outra pagina, do mesmo site, que vc entre ela vai estar la no mesmo lugar.

Responder

23 Celso Lemes 14/05/2009 às 4:49 pm

Alberto,
Eu não entendi a sua pergunta, tente se explicar melhor.

Abraço!

Responder

24 rafael wisley 30/05/2009 às 2:03 pm

:cs: o celso vlw pela ajuda,mas o web acapella
tem uma opção onde vc inserir frame.mas poblema e q nao consigo colokar aquele codigo php do readme
por iframe como vc tinha me dito..poderia me dar um ex:se nao for pedir d+.sou iniciante. e tenho pouco conheçimento.pois estarei fazendo um curso
de php ,e estarei a dispor ,tirar duvidas futuramente.aqui no site. obrigado .

Responder

25 Celso Lemes 30/05/2009 às 7:16 pm

Rafael,
Eu ando meio atarefado, mas vou ver se consigo criar uma vídeo aula sobre como fazer isso durante a semana.

Abraço!

Responder

26 Celso Lemes 01/06/2009 às 5:46 am
27 dj.paullinho 22/06/2009 às 12:55 pm

:mrgreen: ollá minha duvida é tipo eu tenho 1 site e na home fica as coisas normal, tipo ai no menu, tem o link equipe eu quero quando clik em equipe abra equipe mais que abra dentro do layout a estrutura do site. entendeu?, tipo se eu mudar o layout de inicio mudara automaticamente o de equipe, que fique a mesma estrutura de fora mais quando apertar em equipe abra equipe dentro do layout!

Responder

28 Celso Lemes 22/06/2009 às 2:06 pm

Dj,
Isso poderia ser feito utilizando frames.
Eu não sei direito como fazer isso, por isso vou te indicar este artigo publicado no Imasters http://imasters.uol.com.br/artigo/1684?cn=1684&cc=48

Abraço!

Responder

29 viConcursos 23/07/2009 às 2:45 pm

muito bom seu artigo parabens…!!

Responder

30 SCG 24/07/2009 às 12:45 am

Celso,
Rodei 1001 sites e blogs em busca de auxílio e não encontrei mesmo… O seu artigo é muito bem explicado e simples. Vc está de parabéns !!!
Já indiquei para mais 2 pessoas q, assim como eu, estão com dificuldades em Iframes.
Gostaria de tirar mais uma dúvida… É o seguinte:
Estou a criar um site e nele vou inserir propagandas (Adsense, Mercado Livre, Etc.)
Me corrija se eu estiver errado: Essas propagandas são inseridas no site através de um Script, certo ?
Pois bem. É correcto eu usar o tal script que me for fornecido dentro de um Iframe, para facilitar a actualização, já que o Iframe eu vou colocar em todas as páginas ???
Achei conveniente essa idéia, pois se todas as páginas chamarem um mesmo Iframe, poderei actualizar todas, em simultâneo. Oque acha ? Estou correcto ?
Fiquei um pouco preocupado, pois li logo acima que Iframe atrapalham na Idexação por Motores de busca… Você acha que terei algum problema ???
Muito Obrigado em desde já.

Responder

31 celsoalemes 24/07/2009 às 11:23 am

SCG,
Realmente os frames ajudam na manutenção do site, porém atrapalham na indexação. É claro que isso não quer dizer que seu site não será encontrado nos buscadores, porém seria muito mais eficaz se a página fosse construída em uma única página.

Quanto aos programas de afiliados, o único que eu sei que não permite que os anúncios sejam incluídos em frames é o Adsense. Neste caso você não poderia utilizar em seu site.

Minha dica é que crie seu site utilizando sistemas CMS que facilitam a manutenção do site. Confira os melhores sistemas CMS que possuem suporte da comunidade Brasileira.

Abraço!

Responder

32 SCG 24/07/2009 às 3:00 pm

Boa tarde.
Em primeira instância, gostaria de vos agradecer pela atenção a meu problema. Obrigado de coração.

Se não for pedir em demasiado, gostaria de pedir-lhe mais algumas instruções.
Celso, eu olhei o tópico que me indicaste… Seria algo como criadores de sites On-line, não é isso ? Pois é, procurei informações acerca disso na internet e me parecram meio complicados, já que sou leigo. De qualquer forma agradeço a dica. :razz:

Meu site, eu estruturei da seguinte maneira: Criei uma página (Index) no Dreaw e criei mais 2 HTML’S, um entitulado MENU e outro entitulado BANNER.

Em MENU, eu criei um Menu pop-up com diversos links para diversas páginas (Criado No Fireworks e inserido na página como um arquivo HTML do Fireworks…. E o BANNER, é um mecanismo JAVA que fiz também no Fire, visando exibir anúncios de forma mais criativa.
Vale notar que em nenhum dos dois casos eu inserí tais HTML’s no INDEX em FRAMES ou IFRAMES… Eu apenas chamei para dentro através do próprio Dream.

Pois bem. Baseado nisso, minhas dúvidas são:

- O facto de ser utilizado HTML dentro de HTML também me prejudicará na indexação ???
- É verídico que links dentro menus pop-up’s também confundem os spiders ??? Se positivo, oque fazer á respeito ?
- Estou á usar tables dentro do meu site… Não uso tags de cabeçalho ou parágrafos… Toda a formatação será promovida através da forma tradicional. Esse procedimento também prejudica a indexação ???
- Mecanismos JAVA prejudicam indexação ?
- Usar tables ao invés de DIVS também atrapalham ?

Para que você não fique a pensar quão tamanha a gambiarra, coloquei on-line o projecto da INDEX para que você possa entender melhor oque estou a fazer…
http://www.chimelli.com.br/veja_celso.htm

Não repare a precariedade, sou iniciante :oops:

Só para terminar, Celso: Estou á desconfiar que dei um tiro n’agua com este projecto… Tudo está me levando a crer que a indexação será altamente problemática. Por gentileza, poderias dar-me tua opinião ??? Oq poderia eu fazer para melhorar a indexação do site sem descaracterizá-lo tanto ???
Se puder me responder, meus mais sinceros agradecimentos… Se não for possível, muito obrigado por do mesmo jeito… Principalmente pelos Artigos Geniais.
Abraços.

Responder

33 celsoalemes 24/07/2009 às 7:28 pm

Olá SCG,
Se a página for feita em HTML não creio que terá problemas por causa disso.
Os links em menu drop down são reconhecidos pelos indexadores dos buscadores, porém não creio que isso seja um problema.
As tags ajudam o indexador a identificar o que é mais importante no site, portanto sua ausência pode prejudicar o posicionamento.
Mecanismos Java não prejudicam o posicionamento.
Alguns experts em SEO dizem que sites feitos com tabelas tem menos valor para os buscadores, mas eu discordo. Creio que o que conta é o conteúdo de qualidade e uma boa otimização.

Repare que eu não sou um profissional em otimização, apenas sei o básico necessário para conseguir boas posições. eu não me preocupo em saber pequenos detalhes que pouco ajudam a melhorar o posicionamento do site. Prefiro me preocupar em criar conteúdo.

Abraço!

Responder

34 SCG 25/07/2009 às 12:06 am

:o Olá Celso !
Estou passando aqui apenas para AGRADECER suas dicas e instruções. Muito obrigado mesmo… !
Continue este teu trababalho maravilhoso no CS e muito sucesso !!! :mrgreen:

Responder

35 Victor 28/07/2009 às 10:27 pm

Muito bem, salvou a minha web page :grin:

Responder

36 SCG 02/08/2009 às 7:07 am

Bom dia Celso, Tudo bem contigo ?
Espero que sim. ;-)
Voltei aqui pq estou com um problema relacionado á Iframes. :mrgreen:
Eu gostaria de inserir um Iframe dentro de minha página mas não queria que aparecesse a barra de rolagem horizontal…
- Já ví em vosso tutorial que é possível ocultar as duas… Mas não é essa minha idéia. Preciso esconder apenas a HORIZONTAL.
Me parece ser possível realizar esta façanha em CSS… Ví algo á respeito por ai.
Mas o grande problema é que não consegui entender oque andam a dizer nos Fóruns, Já que de CSS só sei o básico, além de ter visto também muito absurdo á respeito.
Existe mesmo uma forma ? Se sim e for de seu conhecimento, por gentileza, me oriente sobre como proceder com o CSS, pois estou com dificuldade extrema.
Agradeceria se você pudesse me auxiliar.
Muito Obrigado :!:

Responder

37 celsoalemes 02/08/2009 às 9:30 am

SCG,
Desculpe mas eu não sou programador e não tenho idéia de como isso pode ser feito.
Recomendo que procure ajuda em fóruns especializados em programação.

Abraço!

Responder

38 SCG 02/08/2009 às 11:20 pm

Olá Celso !!!
Passei para vos agradecer a atenção em responder meu post. Obrigado ! :mrgreen:
Vou seguir vosso conselho e fazer mais umas pesquisas.
Até logo e sucesso aqui no CS ! ;-)

Responder

39 Ricel 24/08/2009 às 2:49 pm

Olá Celso,

Estou fazendo um site com o Web Acapella e preciso fazer conexão com banco utilizando motor de busca feito em php. Gostaria de saber como faço para fazer essa conexão com o banco e como insiro esse motor de busca.
Se não for possível inserir esse motor de busca em php, existe outro modo?

Aguardo.

Responder

40 Celso Lemes 24/08/2009 às 9:34 pm

Ricel,
Desculpe mas os meus conhecimentos sobre programação são muito limitados e eu não poderia te ajudar com isso.

Abraço!

Responder

41 leo 19/09/2009 às 6:07 pm

tem como fazer com que um iframe que toma toda a pagina,fique só dentro do iframe??
tem algum programa para fazer isso??

se puder faz isso com esse iframe por favor.

Responda neste e-mail leofalaserio16@yahoo.com.br
obrigado!!!!!!!!!!!!!!

Responder

42 Celso Lemes 19/09/2009 às 10:43 pm

Leo,
Eu não sei como isso pode ser feito.

Abraço!

Responder

43 Minakoo 05/01/2010 às 2:52 pm

Oi, gostaria de saber uma coisa:
Eu tenho um blog que tem uma caixa de pesquisa, e estou pensando em por i-frame nele! Você sabe como eu posso fazer para o resultado das pesquisas apareçam dentro da pagina do i-frame?

Responder

44 Celso Lemes 06/01/2010 às 3:23 pm

Minako,
Isso vai depender de como funciona essa caixa de pesquisa. Se os links abrirem na mesma página, você só precisa de adicionar a página de pesquisa no iframe.

Abraço!

Responder

45 JOSE NETO 20/01/2010 às 12:54 pm

Celso , ve se pode me ajudar , fiz um site no frontpage , quero colocar uma música em mp3 , até ai já consegui , só que gostaria de que ela tocasse sem parar em todas as paginas sem parar , continuadamente , ouvi falar desse iframe que você postou lá em cima , tentei , mas não estou conseguindo , podes me dar algumas dicas ou como procedo…….de antemão…”"”"”OBRIGADO”"”"”"”
JOSÉ

Responder

46 Celso Lemes 20/01/2010 às 7:25 pm

José Neto,
No FrontPage não dá para usar este Iframe porque o FrontPage não trabalha com PHP.
Uma solução seria você utilizar este código pronto. Apenas troque o código do player com o seu player.

Abraço!

Responder

47 Lucas 16/03/2010 às 3:05 am

Olá Celso!!
só uma observação na explicação so iframes…
na parte que diz: “Altere os seguintes valores:”
o segundo item não é SCR, é SRC…
sei que isso acontece, mas so chamei a atenção por causa da galera que não tem muita pratica no códico HTML…
vlw abraços!!

Responder

48 Celso Lemes 16/03/2010 às 6:56 pm

Lucas,
Obrigado pela dica, vou arrumar o erro.

Abraço!

Responder

49 Alexandre 19/03/2010 às 5:56 pm

Olá!!! existe alguma maneira de colocar no Blogger uma função, na verdade não sei o nome, mas é como nos sites. colocar um link dentro do blog e este abrir com a mesma estrutura daquele. so conseguir isto no Google doc, armazenei o arquivo lá, e postei o link no meu blog. mas abre um página em outra guia, gostaria que abrisse no meio do post. desculpe se não está bem claro, mas é que sou novo na área e não como se chama esse recurso, espero que tenham entendido.

desde já agradeço

Responder

50 Celso Lemes 20/03/2010 às 11:48 am

Alexandre,
Isso seria feito com um Iframe mesmo, mas o problema é que o Blogger altera os códigos na hora em que você adiciona no post.
Neste caso seria necessário que você utilize o Blogger in Draft na hora de adicionar o código.

Abraço!

Responder

51 guilherme gitotti 20/03/2010 às 1:29 am

Então celso , eu to com dificuldades , eu quero colocar um iframe em cima de uma imagem e não consigo , você podeira disponibilizar o codigo para mim? obrigado .

Responder

52 Celso Lemes 20/03/2010 às 11:53 am

Guilherme,
Em cima de uma imagem eu creio que não seja possível. Pelo menos eu não sei como fazer.

Abraço!

Responder

53 Fábio 25/03/2010 às 11:45 am

Fiz uma página usando iframe, onde existe uma barra lateral esquerda que contém os links e o iframe a direita contendo o espaço onde as páginas devem ser carregas, quando clico no link aparece a página do zumodrive mas os arquivos não são exibidos, a menos que eu os carregue em outra “aba” ou janela, por que isso? A página não deveria ser carregada completamente?

Responder

54 Celso Lemes 26/03/2010 às 12:10 am

Fábio,
Desculpe mas eu não sei como isso poderia ser arrumado.

Abraço!

Responder

55 Fábio 26/03/2010 às 10:32 pm

Ok, acho que tem a ver com o fato de ter um frame dentro de outro ja dentro de outro, vou estudar mais sobre isso.
Valeu.

Responder

56 Mauricio 06/04/2010 às 4:07 pm

Tudo bem Celso,

Vê se pode me ajudar , tenho tres páginas criadas no cariboost sendo que na matrizgostaria que no meio dela abrisse as duas outras páginas ou somente o conteudo delas tem como isso?

Responder

57 Celso Lemes 06/04/2010 às 10:56 pm

Maurício,
Tem usando o Iframe que está disponibilizado nesta página.

Abraço!

Responder

58 Jay Goiana 19/04/2010 às 9:23 pm

Muito obrigado. Realmente era o que eu estava procurando. Um iframe é de muita utilidade. Valeu!

Responder

59 Celso Lemes 20/04/2010 às 2:01 pm

Olá Jay,
Obrigado por comentar.

Abraço!

Responder

60 Julio Cesar 04/05/2010 às 2:02 pm

ea Galera.. queria saber como colocar um IFRAME no Blogspot SEM a barra de rolagem.. por exemplo quero que fique com width 100% e height 500 e entao coloco scrolling=’no’ mas não funciona.. alguem sabe pq ? ou será que o proprio blogspot não deixa.? vlw respondem ai

Responder

61 Celso Lemes 04/05/2010 às 10:41 pm

Julio,
Desculpe mas eu não sei como resolver isso. Espero que algum visitante tenha a solução.

Abraço!

Responder

62 Cesar Ribeiro 13/05/2010 às 5:26 pm

Olá Celso,
Primeiramente parabéns pelo trabalho.
Estou com um problema com iframe e espero que possa me ajudar estou tentando abrir um iframe com combo box dentro.

O usuario escolhe a marca, depois aparece o modelo e dependendo da escolha aparece o link, só que quando se clica no link que é gerado dinamicamente o iframe atualiza e some do quadro, carregando a pagina principal do site. Já tentei por em target blank mas não teve jeito. Há alguma forma para que isso não aconteça?

Desde já agradeço a atenção.

Responder

63 Celso Lemes 14/05/2010 às 6:31 pm

Cesar,
Desculpe mas eu não entendo nada de programação e não poderia ajudar com isso.

Abraço!

Responder

64 Alexandre Soares 27/05/2010 às 7:12 pm

Olá!!! gostaria de uma dica se for possível, como faço para fazer um Iframe aparecer uma única vez como um pop-up com botão para fechar a janela?

desde já agradeço

Responder

65 Celso Lemes 28/05/2010 às 11:57 am

Alexandre,
Neste caso eu creio que você não precise de um Iframe, mas sim de um script que abra uma página como se fosse uma popup.
Infelizmente eu não sei onde esse tipo de script possa ser encontrado.

Abraço!

Responder

66 Ademir 02/06/2010 às 12:30 pm

Uma amiga esta desenvolvendo um site e ela não consegue mudar o tamanho da imagem no iframe porque esta em flash, alguma sugestão?

Responder

67 Celso Lemes 02/06/2010 às 9:07 pm

Ademir,
Ela teria que editar o arquivo Flash. Não tem outro jeito.

Abraço!

Responder

68 Lucas Silva 16/06/2010 às 10:05 pm

Olá gostaria de saber como posso utilizar para formar um sistema de (aumentar visitas de outros site) sei que tem como, gostaria de saber sobre isso , obrigado!

Responder

69 Celso Lemes 17/06/2010 às 12:12 am

Lucas,
Você poderia inflar os resultados das visitas, mas isso não quer dizer que os visitantes viram o site.
Sei que isso é possível com um Iframe, mas eu mesmo não sei como fazer.

Abraço!

Responder

70 Leonardo S. 20/06/2010 às 1:44 am

Bacana as dicas cara.
Bom post! :)

Responder

71 Frank 24/06/2010 às 6:41 pm

sobre a dica:
“Se você pretende adicionar links dentro da página que aparece dentro do Iframe, é necessário que os links estejam configurados para abrirem em uma nova página (blank) ou para abrir em “parent” que faz com que o link seja aberto na mesma página em que o Iframe está sendo exibido.”

como e onde eu insiro o (blank) ou “parent”, e isso funciona em um menu CSS???

Responder

72 Celso Lemes 25/06/2010 às 2:12 pm

Frank,
Você teria que adicionar isso diretamente no código do link, por exemplo target=”parent”
Não sou programador e não sei dizer como isso seria feito com CSS.

Abraço!

Responder

73 Pedro Lucas 28/06/2010 às 10:28 am

Oi voce podia me ajudar? É um tipo de iframe, uma janela (1 iframe) abre farios sites na sorte olha um exp: http://www.informesiqueira.com/

Responder

74 Sven 03/07/2010 às 9:20 pm

Olá,

No Web Acapella há um template em que é possível ter a localização de algum lugar, utilizando o Google Maps. No entanto, o problema é efetuar as devidas correções, pois o template aponta para em algum lugar, da França. Já tentei efetuar algumas alterações, sem sucesso. Há alguma forma de corrigir isto ? Poderia comentar ?

Grato.

Responder

75 Celso Lemes 03/07/2010 às 11:02 pm

Sven,
Desculpe mas eu não sei como isso pode ser feito.

Abraço!

Responder

76 Sven 04/07/2010 às 1:49 pm

Olá, Celso,

Grato por comentar, pois mesmo tendo uma licença oficial estou tendo dificuldades em resolver esta questão, pois para códigos HTML não haveria suporte técnico, mesmo sendo oferecido algo parecido à um gadget que mostra a posição de um determinado local, nos templates do Web Acapella…

O pior de tudo é tentar entender como aquele código HTML funciona, sem estar familiarizado com este recurso e sabendo que alguém da Intuitsphere providenciou este recurso. Vai entender…

Abs,
Sven

Responder

77 Lucas 05/07/2010 às 3:11 pm

Olá, fui pesquisar afora e encontrei varias respostas… aprendi como uitlizar o iframe depois estarei comentando aqui para explicar melhor…

Responder

78 lilian 24/07/2010 às 6:07 pm

Celso o iframe nos sites do google não fuciona porque?

Responder

79 Celso Lemes 25/07/2010 às 10:56 pm

Lilian,
Alguns serviços como o Google Sites não suportam o modo que o Iframe funciona.

Abraço!

Responder

80 José Airton Calista Rodrigues 27/07/2010 às 2:35 pm

Qual a melhor forma de se estrturar um site usando é usando Frames ou utilizando-se CSS ?. Gostaria de comentarios

Responder

81 Celso Lemes 27/07/2010 às 9:31 pm

José,
Atualmente o que tem sido mais usado é o CSS. O Iframe e necessário em casos em que é necessário rodar uma página dentro de outra.

Abraço!

Responder

82 Juan Santana 05/08/2010 às 5:59 pm

Ola Celso,
Gostaria de Saber se Tem Como Aparecer Apenas uma parte desejada entende se eu quisesse que mostrasse apenas o meio da Pagina tem Como?????
Se Sim Fico Grato com sua Resposta.
Abraços.

Responder

83 Celso Lemes 06/08/2010 às 12:00 am

Juan,
Não tem como. O Iframe mostra o site a partir da parte superior esquerda.

Abraço!

Responder

84 Diogo Novais 06/10/2010 às 12:22 pm

bom dia!

Estou colocando meu blog dentro do meu site (o mesmo ainda não esta publicado), fiz alguns testes e funcionou, porém quando vou testar a parte de comentários do blog, ele tira todo o menu do site.

Responder

85 Celso Lemes 06/10/2010 às 5:42 pm

Diogo,
Desculpe mas eu não sei o que pode estar acontecendo.

Abraço!

Responder

86 THIOGO 12/11/2010 às 7:32 am

Olá celso por favor me dê uma dica ai, eu tenho um site de vendas pelo hd1, só que lendo os termos la informa que é proibido a utilização de iframes para quem usa os serviços do HD1, no caso o meu ste tem o botão de compra do pag seguro que quando o cliente clica nele é direcionado para a página de pagamento do pag seguro isso é um iframe? pois se for não poderei usar os serviços do HD1, por favor me ajude nisso, por favor.

Responder

87 Celso Lemes 13/11/2010 às 12:28 am

Thiogo,
Isso não é um iframe. É apenas um link apontando para uma página do Pagseguro.
Iframe é quando uma página abre dentro de outra.

Abraço!

Responder

88 Romario 17/11/2010 às 8:48 am

Você salvou meu site vlw

Responder

89 Valter Henrique 06/12/2010 às 10:38 am

Cara, muito obrigado, ajudou bastante, simples e direto, valeu.

Responder

90 adailton 09/12/2010 às 3:42 pm

como criar uma pagina com iframe e dar refresh so na pagina que esta dentro do iframe sem dar refresh na pagina principal?

Responder

91 Celso Lemes 10/12/2010 às 12:35 am

Adailton,
Isso é possível, mas eu mesmo não sei como fazer.

Abraço!

Responder

92 Gustavo Pantoja 31/07/2011 às 8:28 pm

Tecnicamente, para Atualizar o Frame é Possivel, é Só Dar Um Clique direito ou esquerdo, o Clique que Vai as Opções, e Ir Num Sub-menu chamado “….. frame >” e clicar atualizar

Isso é do Mozilla firefox, em Internet Explorer ainda estou em fases

Obrigado e braços

Responder

93 felipe 11/05/2011 às 4:09 pm

olá como faço para.
1 add uma rádio web sem que ela pare de tocar no site qnd passar de pag ?

2- add umplayer com músicas dentro do servidor sem que ela pare de tocar no site qnd passar de pag ?

Responder

94 Celso Lemes 12/05/2011 às 10:44 am

Felipe,
Para instalar uma rádio em seu servidor, você precisaria de uma hospedagem com streaming, o que é bem mais caro.
Para aprender a instalar uma rádio que não reinicie quando o visitante muda de página, confira este artigo.

Abraço!

Responder

95 edvan 24/05/2011 às 1:52 am

poxa estou com uma duvida crucial pois esta comprometendo o meu site e o iframe pois queria que quando clicar no link dentro do iframe inicia se no topo para ser visualizado todo conteudo pois este link fica na mesma posiçao.fica ate chato; voce pode me ajuda celso pois ja te pensei de tira o iframe do site

Responder

96 Celso Lemes 24/05/2011 às 8:17 am

Edvan,
Sei que isso é possível, mas eu também não sei como fazer. Desculpe não poder ajudar.

Abraço!

Responder

97 Gustavo Pantoja 31/07/2011 às 8:37 pm

Olhe eu Não Entendi, só um Pouco na Verdade
Se Você Quiser Que Um Link Dentro do Seu Frame Abra na Janela e Substitua
Coloca um Tarjet daquele que Abre Na Janela Completa,

Caso Você Queira um Link que Só Abra no Seu Frame, coloque normal
Se Você Quiser Colocar um Link dentro do frame, para linkar um outro frame, coloque o Nome desse frame que quer linkar e mandar direcionar para lá, Isso Deve Ter Aqui no Blog do Celso

Não Sei se Ajudei, mas Abraços!

Responder

98 Diego 28/06/2011 às 4:01 pm

Tipo fiz tudo certinho mas qndo abro o blog principal e vai para a pagina q colokei no iframe.. como faço pra deixar no blog?

Responder

99 Celso Lemes 29/06/2011 às 2:14 pm

Diego,
Não entendi o que você está querendo fazer. Pode explicar melhor?

Abraço!

Responder

100 Julio 01/08/2011 às 12:50 pm

Muito bom o post! Parabéns!
Só aqui mesmo para encontrar o que realmente eu estava procurando!
Valeu!

Responder

101 Isaias 16/08/2011 às 12:46 pm

Celso, gostaria de saber se seria possível utilizar iframes para exibir os banners dos parceiros do meu blog e, em caso positivo, se as visitas provenientes deles seriam computadas como vindas do meu blog ou se daria algum tipo de erro. A minha preocupação principal seria diminuir o peso total da página e diminuir o seu tempo de carregamento. Obrigado.

Responder

102 Celso Lemes 16/08/2011 às 11:02 pm

Isaias,
Inserir os banners em um iframe não vai ajudar. O navegador dos visitantes terão que carregar o conteúdo do iframe de qualquer jeito.
O ideal é que você otimize as imagens dos banners dos parceiros antes de inserir em seu site.

Abraço!

Responder

103 jefferson 29/08/2011 às 2:10 am

tambem estou com essa dúvida celso será que por favor pode postar um código iframe de uma imagem com link? estou com uma dificuldade no meu blog que a imagem html nao está se ajustando só ajusta certo quando é iframe. muito obrigado.

Responder

104 Celso Lemes 30/08/2011 às 10:40 am

Jefferson,
O Iframe não serve para exibir apenas a imagem. Ele é usado para exibir uma página que contenha a imagem. Será que você não está confundindo algo?

Abraço!

Responder

105 Guilherme 09/09/2011 às 3:41 pm

Olá, como eu faço para posicionar o site dentro do iframe, para que apareça só uma parte especifica do site?

Responder

106 Celso Lemes 10/09/2011 às 12:00 am

Guilherme,
Acredito que isso não seja possível. O iframe exibe a página inteira.

Abraço!

Responder

107 Hugo 13/09/2011 às 5:45 pm

Olá,

Queria saber se tem como colocar um site inteiro no inframe, e não só uma janelinha… queria que em vez de abrir a pagina do blog, abra outro site. dentro de um blog. Tenho um site no wix, mas ele não tem opções de favicon e para colocá-lo .com.br é complicado. Então, iria colocar ele no blog, tirar a barra de cima e colocar .com.br, aproveitando o sistema de favicon do blog.

Obrigado desde já.
OBS: se tiver como me ensinar como colocar um sistema de comentários deste em meu site agradeço, se não tiver não tem problema. Obrigado de novo!

Responder

108 Celso Lemes 14/09/2011 às 12:21 am

Hugo,
Com esse código você pode fazer isso, basta especificar um tamanho maior.

Abraço!

Responder

109 José Perdigao 30/09/2011 às 5:54 pm

Olá!

Estou tendo uma dúvida:

Tenho página que tem os textos longos e aparece uma barra lateral para rolar os mesmos mas não gosto.
Quero eliminá-la mas não consigo. É possível me ajudar?

Agradeço.

jpaf/2011.

Responder

110 Celso Lemes 01/10/2011 às 10:01 am

José,
Neste caso você tem que aumentar o tamanho do Iframe de forma que a página caiba dentro dele.

Abraço!

Responder

111 jeferson 14/10/2011 às 9:57 pm

me ajuda ae, na parte em que vc diz

Primeiramente é necessário que a página a ser incluída dentro do Iframe esteja em algum lugar na internet

mais como eu faço para a pagina tar na internet?
eu nao entendo nadadisso

me ajuda ae.

Responder

112 Celso Lemes 15/10/2011 às 2:31 pm

Jeferson,
Você precisa publicar a pagina que será exibida dentro do iframe em um servidor qualquer. Como o Blogger não permite fazer isso, você poderia criar uma conta no Free WebHosting Area para publicar o arquivo.

Abraço!

Responder

113 Gleisson 16/10/2011 às 4:06 am

Olá Celso, todo dia eu tenho que olhar vários sites de noticias da universiade pra ficar dentro do assunto. Mas perco muito tempo abrindo todos e as vezes me esqueço de algum. O que eu queria fazer era colocar em uma página só várias janelinhas que mostrassem apenas a parte que tem as notícias, não o site inteiro, soh o quadrado das notícias.
Tentei usar o Iframe mas ai aparece a barra de rolagem, no caso seria uma janela só com as noticias do site da univesidade http://www.ufsm.br. Eu coloquei esse código no site netvibes.com que pode fazer isso, mas gostaria de uma opinião.
Valeu

Responder

114 Celso Lemes 16/10/2011 às 12:39 pm

Gleisson,
Você está fazendo isso da forma errada. Hoje em dia a maioria dos sites e blogs oferecem a visualização do conteúdo via Feed, o que facilita e muito neste caso.
Com o Feed, você pode acompanhar somente o conteúdo recente que é publicado nos sites e blogs que você acompanha. Saiba mais sobre o Feed aqui.

Abraço!

Responder

115 Gleisson 16/10/2011 às 2:47 pm

eu usei o Feed pros sites que possuiam essa opção, mas esses sites que estou tentando colocar numa página só não possuem o Feed, ai que surje o meu problema
eheheh
obrigado pela atenção

Responder

116 Celso Lemes 17/10/2011 às 2:19 am

Gleisson,
Entendi. De qualquer forma, o que você pretende fazer com o Iframe não será possível, pois não tem como configurar a parte do site que será exibida no Iframe. Ele vai sempre começar de cima para baixo, da esquerda para a direita.

Abraço!

Responder

117 Gleisson 17/10/2011 às 2:21 am

teria alguma maneira, recurso ou algum site pra fazer isso ai?
obrigado pela ajuda

Responder

118 Celso Lemes 17/10/2011 às 2:52 am

Gleisson,
Eu não conheço nenhuma.

Abraço!

Responder

119 Israel 05/11/2011 às 12:17 am

Celso, gostaria de saber se tem como eu criar um iframe em q eu possa colocar imagens ou outras coisas q nao seja colocar um site no iframe?

Responder

120 Celso Lemes 05/11/2011 às 11:19 am

Israel,
Pode fazer isso sim. Basta que você crie uma página HTML e coloque, imagens, links ou qualquer coisa nela.

Abraço!

Responder

121 Rogerio 31/01/2012 às 9:32 pm

Olá amigo, Realmente é muito útil a sua informação :D

Gostaria de saber se tem como fazer a seguinte coisa:

Um exemplo.

Faz de conta que deixar visível apenas os comentários desta sua página. isso tudo, claro, dentro do iframe.

Obrigado e parabéns pelo trabalho;

Responder

122 Celso Lemes 01/02/2012 às 3:00 am

Rogerio,
Isso não é possível. Acho que não tem como nem que seja com outro tipo de técnica.

Abraço!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

CommentLuv badge

Post Anterior:

Próximo Post