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.
{ 83 comentários… leia abaixo ou deixe o seu }
← Comentários Anteriores
Bacana as dicas cara.
Bom post!
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???
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!
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/
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.
Sven,
Desculpe mas eu não sei como isso pode ser feito.
Abraço!
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
Olá, fui pesquisar afora e encontrei varias respostas… aprendi como uitlizar o iframe depois estarei comentando aqui para explicar melhor…
Celso o iframe nos sites do google não fuciona porque?
Lilian,
Alguns serviços como o Google Sites não suportam o modo que o Iframe funciona.
Abraço!
Qual a melhor forma de se estrturar um site usando é usando Frames ou utilizando-se CSS ?. Gostaria de comentarios
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!
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.
Juan,
Não tem como. O Iframe mostra o site a partir da parte superior esquerda.
Abraço!
← Comentários Anteriores