Novidades100 - Dicas de Internet e Computador
CulináriaInternetDetonadosWallpapersPoesiasVideos

Editar Iframes Html

Como Editar e Exibir Iframes no Seu Site

Dizem que iframes são ferramentas html que pesa um pouco no servidor, o que não deixa de ser verdade. Porém depende do quanto você faz uso dele em uma mesma página.
A verdade é que iframes são muito convenientes de serem utilizados, principalmente em certos pontos de sua página que vez por outra você precisa fazer alterações.
A primeira coisa a fazer é criar um arquivo que vai ser chamado em uma outra página ou em ou outras páginas. Pode ser em qualquer linguagem: html, txt, php, etc., depois salve-o em alguma pasta do servidor. Agora basta chamá-lo para a página ou as páginas onde você deseja expô-los.
Para fazer isto, você escolhe o local aonde ele será exibido. Pode colocá-los em divs, tables, ou simplesmente especificar a posição do iframe.
Agora, como deve ser chamado o arquivo.
Digamos que o arquivo a ser exibido esteja na pasta "php" e o nome do arquivo seja "popup.php, então você chamá-o assim:

<iframe src="php/popup.php"></iframe>

Vai Ficar Assim…

Ajustando o Conteúdo

Com certeza não ficou nada atraente, com bordas, scroll, conteúdo cortado, etc.
Basta que sejam adicionadas algumas configurações no IFrame.

<iframe src="php/popup.php" width="300" height="auto" marginwidth="0" marginheight="0" frameborder="0" scrollbar="no" scrolling="no"></iframe>

Vai Ficar Assim…

Pronto. Agora ficou mais aceitável.
Note que para que o IFrame não corte o conteúdo, devem ser estabelecidas a largura e a altura (width e height), conforme o ideal.
Atenção: Quando o conteúdo do IFrame for um link, deve ser adicionado o atributo target="_parent" ao link no arquivo a ser chamado para dentro do iframe, assim o conteúdo não será aberto dentro do próprio IFrame.

IFrame de Incorporação de Videos do YouTube

Veja abaixo um exemplo de IFrame de player incorporado do YouTube.

<iframe id="ytplayer" type="text/html" width="640" height="360"
src="http://www.youtube.com/embed/Tp1ZGCqqEuU?autoplay=1&origin=http://example.com"
frameborder="0"/>

Iframes, Html, Ferramentas, Servidor, Iframe Html

Pressione CTRL + D para Adicionar Esta Página aos Seus Favoritos

Sobre o Autor| Política de Privacidade

Nosso site utiliza cookies e outras tecnologias para melhorar sua experiência ao utilizar nosso conteúdo, além de personalizar publicidades e outros serviços de acordo com seus interesses.