Iframe ~*

~ Goodies >> Tutoriais >> Iframe

Bom, eu resolvi fazer um tuto de iframe! Espero que aprendam ^^
Nível: Muito avançado

Iframe são páginas dentro de páginas. Para fazer iframe, você precisa de uma página para o lay, uma página para os posts e as outras para seus extras tipo goodies, domínio, etc.

1º Passo - Criação da página de posts e editação da página do layout.

Bom, o primeiro passo é criar a página de posts. Você cria um blog normal, porém, sem o código do lay. Daí você coloca nele as tags de post que você pode encontrar no seu lay mesmo.
Após a criação da página de post, você vai para a página do seu blog, que é a parte que está o seu lay, e onde tem as tags do post e substitui por esse código aqui:

<IFRAME name="iframe" src="coddapagdepost" frameBorder=0 width="000" height="1500" scrolling="no" allowtransparency="true"></IFRAME>

Nesse código, você pode observar que há algumas coisas a serem editadas!
width: largura
height: altura
scrolling: barra de rolagem (se a div do seu blog não for contínua, você coloca "yes")

Após editado tudo isso, vamos criar as páginas extras!

2º PASSO - Criação das páginas extras

As páginas extras são os goodies, me, domínio e tudo o mais.
Nelas, coloque o código abaixo:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Título do blog</title> </head> <body style="background-color:transparent" leftmargin="0" text="#fonte" topmargin="0"> <style> seu css<br> </style>  Aqui o conteúdo do seu iframe<br><br>  </body> </html>

Obs: A parte que eu coloquei seu CSS é a parte da barra de rolagem que vcs vão colocar ok?

Tutorial Produzido por Mariana Pinheiro
O tutorial lhe foi útil? Então, por favor, credite okay?!

Back ~ Home ~ Atualize