~ Introdução
ao iFrame e suas descrições.
iFrames, como já dito aqui, são páginas
dentro de páginas. Facilita muito a navegação.
*Ooooh ninguem sabia! *taca tomate* eu quero saber
das tags!*
ah tah certo! u_U//
hehe
Vamus lá.
Pra se aplicar um iFrame, as tags são <iframe> </iframe>,
básicamente.
Mas esse código tah vazio! Onde fica minha página? Pra onde vão
as outras? O_o
Vamos construir o código...
Primeiramente!
Na minha idéia, o iFrame tem que estar dentro de uma div (layer, camada).
Primeiramente você tem que criar uma div onde você quer que as
páginas vão aparecer.
Note: O quadro Principal é onde as páginas vão aparecer.
Esqueça das páginas seguintes, pense só na página
inicial. Você tem lah os links, por exemplo: For You, WWW e Créditos.
Cada vez que clicar em um deles, vai ser lá dentro que as páginas
vão aparecer.
Tah bom, Catgirl, já entendi o que você tá querendo
dizer! *taca tomate* vai logo!
u__u' tah eu vou logo. xD
Tag do iFrame (você vai configurar
umas coisas)
<iframe id=meuframe name="frameprincipal" src="coloque aqui
a página que você vai querer aparecer dentro do iframe (e não
essa do iframe, por favor =P)" frameborder="no" width="500" height="500" scrolling="Yes" marginwidth="0" marginheight="0"></iframe>
Olha só que código bonitinho...
Observe onde tá 'Name' aih na tag. Esse é o local pra colocar
o nome do seu iFrame principal. Por exemplo, você tem um cachorro. Se
você chamar ele de 'Cicrano' ele num vai atender. Mas ele tem um nome
certo. O nome dele é 'Fulano' e ele só vai até você se
você o chamar pelo nome, e pelo nome certo. Com o iFrame é a mesma
coisa. Você vai precisar identificá-lo pra ele funcionar. Mas
por favor, nesse caso não vão colocar o nome, por exemplo, 'Josefino'
no iFrame... xD *vôa mais um tomate* Taaah parei! Agora é sério.
hehe x)~
Pro iframe principal, você pode dar o nome de 'main' ou 'principalframe'
ou igual esse citado acima, ou tanto faz, escolha um a seu gosto. Vai ser por
esse nome que as páginas que virão vão localizá-lo.
Isso vale pra 1 iFrame só ou pra mais.
Se for pra mais:
Tem lá o Menu 1, Menu 2 e Conteúdo.
O nome do menu 1 é 'menu1frame', o nome do menu 2 é 'menu2frame'
e o nome dos Conteúdos é 'conteudoframe'. Se você quer
que o link do menu 1 abra no menu 2 e não na janela do conteúdo,
coloque como destino 'menu2frame'. MAS eu não quero enrolar vocês.
Esse do destino das páginas eu vou falar daqui a pouco. Mas é pra
vocês irem pegando a manha, como já não pegaram antes.
Já falei muito no nome. E aquele 'src'? Bom, aí vocês
sabem, é a página que vocês querem que abra inicialmente
dentro do iFrame.
frameborder=no: Tira aquela borda feia que fica em volta do iFrame, aí fica
bonitinho. Hehe.
width e height: Agora vamos falar da div que você criou,
que tá carregando
o iFrame. Essa div criada terá de ter as mesmas proporções
que você quer que o iFrame tenha. Ela tem que estar no lugar certo e,
com a largura e altura certa.
Exemplo: Colocou a div lá, ajustou no lugar certo e colocou o tamanho
500x500. O iframe deverá ter, então, o mesmo tamanho.
Lembrando: Esse é o jeito que eu faço!
width = largura
height = altura
Scrolling="Yes" se vai ou não ter barra de rolagem no iFrame,
pra rolar ou não as páginas que virão. O comum é deixar
no 'Yes', mas se por algum motivo for melhor tirar a barra, deixa "No" aí no
atributo. (Mas o 'No' só some com a barra, pode da mesma forma rolar
pela página interior com o scroll do mouse).
Se houver mais de 1 iFrame, faça mais divs e configure
ao gosto, exatamente como eu falei aí, da mesma forma. Não
esqueça de dar nomes
diferentes pra cada um.
>> CONTINUAÇÃO.