~
Transparência do iFrame.
~ lição final ~
E aí, estão gostando e aprendendo né?
*todos
acenam com a cabeça que sim*
Puuxa, que bom! ^__^
Vamos lá, última parte então!
A página tá perfeita. Você fez o iframe, ele abriu, os
links abrem, tudo no lugar certo, você vê o blog pelo iFrame, o
CSS tá arrumado, nossa, que bom, minha página com iFrames foi
feita e afinal não é difícil e tá linda!!
Mas... A minha página inicial geral tem um fundo colorido tão
bonito! E o iFrame tá com o fundo brancão (ou semelhante)...
Eu quero que apareça o fundo colorido no iFrame, pras páginas
ficarem mais bonitas!
Tudo bem, mais fácil que andar pra frente. =)
Qual é a tag do iFrame messssmo ??
<iframe id=meuframe name="frameprincipal" src="página
que vai aparecer dentro do iframe" frameborder="no" width="500" height="500" scrolling="Yes" marginwidth="0" marginheight="0"></iframe>
Aeeee!
Vamos incluir um atributo nessa tag!
Vamos incluir ela por último (nesse caso, depois de marginheight="0").
allowtransparency="true"
Allow transparency quer dizer 'permitir transparência'.
Então a tag vai ficar:
<iframe id=meuframe name="frameprincipal" src="página
que vai aparecer dentro do iframe" frameborder="no" width="500" height="500" scrolling="Yes" marginwidth="0" marginheight="0" allowtransparency="true"></iframe>
Mas... Espera aí, a página que vai abrir ainda num vai mostrar
o fundo transparente. 'Neutralizamos' o iFrame, agora vamos neutralizar as
páginas que abrirão nele (todas que abrirão nele, incluindo
blogs, terão que ter o seguinte parâmetro se quiserem que o fundo
fique transparente).
Pro 'allowtransparency' funcionar, tem que ter um atributo que 'responda' a
ele.
style="background-color:transparent"
E onde vai isso? Tudo bem, sei que é na página que abrirá no
iFrame, mas em qual tag?
Na tag <body>!
E não 'abaixo' dela. É 'dentro' dela, mesmo!
Uma tag que abre o body, geralmente é assim:
<body leftmargin="0" text="#000000" topmargin="0">
Pois todos sabem que é entre <body> e </body> que tudo acontece.
=P
Coloquem o atributo logo após da palavra 'body'. Vai ficar assim:
<body style="background-color:transparent" leftmargin="0" text="#000000" topmargin="0">
PS: Não coloque imagem ou cor de fundo nesses casos, se quiser realmente deixar o iFrame transparente. Porque não vai aparecer.
E... 'Voilá'!! Quando você abrir o site e navegar pelas seções, o fundo colorido do site (lembram-se do exemplo?) vai estar aparecendo!
x-x-x-x-x-x-x-x-x
iFrame não tem muito segredo... Quando se tenta logo se pega a manha.^^
Eu tava lendo mtas dúvidas parecidas aqui nesse tópico, e resolvi
fazer esse tutorial (que acabou não ficando 'mini tutorial' como eu
falei no início, hehe)... Espero que agora tenham compreendido tudo!
Se não compreenderam, leiam e releiam porque tudo foi falado aqui e
pelo tópico inteiro...
Mas se vocês mesmo assim ainda têm alguma pergunta, falem aí,
e veremos como podemos ajudar.
Um abraço e bons iFrames!! =)
_Catgirl