Jump to content


Photo

Iframe Transparente


  • Faça o login para participar
17 replies to this topic

#1 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 12/06/2004, 23:28

Vamos la pessoal.

Primeiro vamos criar o iframe em um pagina que tenha uma imagem de fundo, por exemplo (pra ficar mais visivel depois).
Nessa pagina inserimos o codigo de iframe (Clique aqui para ver um tutorial de iframe).
Agora vamos colocar mais um comando no codigo do iframe, o comando allowtransparency, o valor dele será true..

<html>
<head>
<title></title>
</head>
<body background="imagem.gif">
<iframe src="pagina.html" width="400" height="400" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>
</body>
</html>

A pagina que contem o iframe já foi criada, vamos entao mexer na pagina que ela vai chamar, no caso a pagina.html.
Nessa pagina, vamos ter o conteudo do iframe.. textos, imagens, etc..
na tag body da pagina.html, vamos colocar um estilo css, o background-color:transparent

<body style="background-color:transparent">

Prontinho, é so salvar e usar ;)


ps. encontrei partes do codigo pela internet e escrevi aqui com as minhas palavras para vcs (y)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#2 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 12/06/2004, 23:30

Mandou bem, Alex

#3 Alcides Oliveira

Alcides Oliveira

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino
  • Localidade:Fortaleza/CE

Posted 14/04/2008, 11:05

caro Alex Hiroshi,

aqui naum deu certo naum....


estou usando o IE 7 e naum funcionaou naum........


<body style="background-color:transparent" background="imagens/bg.jpg">



<iframe allowtransparency="true" src="detalhesFrame.asp?municipio=<%=cd_municipio%>" name="framePrincipal" width="773" height="290" scrolling="no" frameborder="0" id="framePrincipal"></iframe>


....

caro Alex Hiroshi,

aqui naum deu certo naum....


estou usando o IE 7 e naum funcionaou naum........


<body style="background-color:transparent" background="imagens/bg.jpg">



<iframe allowtransparency="true" src="detalhesFrame.asp?municipio=<%=cd_municipio%>" name="framePrincipal" width="773" height="290" scrolling="no" frameborder="0" id="framePrincipal"></iframe>


....


hehehehe erro de novato no forum... ehhehehe

foi so colocar o 'background-color:transparent' na pagina que o iframe chama.... (como e falado no topico) que deu tudo certinho tanto pro IE quanto pro firefox.. vlw

#4 BGGMB

BGGMB

    12 Horas

  • Usuários
  • 156 posts
  • Sexo:Masculino
  • Localidade:Vinhedo SP
  • Interesses:CSS, XHTML, SEO, Photoshop, Illustrator, After Effects, InDesign, Fireworks, Dreamweaver...

Posted 25/04/2008, 23:07

Não cheguei a testar, porque sou totalmente contra o uso de frames de qualquer tipo.

Não seria mais fácil criar uma div com overflow auto e dar um include no conteúdo que será aberto dentro?
Muito mais semântico e correto, garanto que vai funcionar em todos os browsers =)

<div style="width: 400px; height:400px; overflow: auto; background: url("bg_div.gif");">
<? include("conteudo.php"); ?>
</div>

Mais sei lá, depende do uso também, vai saber a idéia de cada um oO

Edição feita por: BGGMB, 25/04/2008, 23:08.

front-end engineer <tags: css/xhtml/javascript/seo/usability/semantic>
www.brunobincoletto.com - twitter @brunobincoletto

#5 Deivisson

Deivisson

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 14/10/2008, 18:12

por favor, me ajudem, eu ja andei virando esse forum entre outras coisas na net e nao consigo achar uma maneira de deixar meu iframe transparente no IE9testei no 7, nao sei se no 6 tbm nao fica)

o site é odum.com.br

vcs vao ver o seguinte ali, é um iframe central, com frames dentro dele, a primeira linha tem um frame topo, a segunda linha tem 4 colunas de frames, no meio a do menu e onde abrem os links do menu, eu ao lado desses dois, nas laterais, tem mais 2 frames fininhos sem conteudos, que ficam branco e nao deixam ver o fundo de folhas, no FF vai blz, no IE nao, ja tentei allow transparency, brackground-color-transparent; visibilyt: hidden (que fez sumir o iframe inteiro) e nada da certo, esses dois frames fininhos sao imporantes pra dar o efeito de chanfro. e por ultimo tem o frame do rodape.

meu problema esta nesses dois frames fininhos das laterais, quem entrar pelo IE vai ver duas colunas brancas nas laterais do centro do site, preciso tirar isso, help

msn/email deivisson_sedrez@hotmail.com

#6 Reinjak

Reinjak

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:São José do Rio Preto

Posted 28/07/2010, 01:12

Pessoal, bom tarde!

Sou novato aqui, me cadastrei agora!

Pessoal,é o seguinte: Entendi muito bem o que explicaram sobre transparencia do iframe.

Inclusive consegui tranquilamente deixar o iframe chamado pelo link ficar tranparente com a imagem de fundo aparecendo.

Vamos lá: Criei um pagina chamada servicos.html, onde coloquei o iframe principal <iframe name="foto" width="570" height="370" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>.

Criei as paginas a serem chamadas por esse iframe (texto.html, foto.html).

O problema é que eu quero deixar transparente o iframe da pagina servicos.html e não o do texto.html.

Será que fui claro.

Vejam o link provisório para melhor entendimento: http://www.lojadeneg...i/servicos.html

As duas partes em branco do centro são os iframes que quero deixar transparente.

Galera, já tô super atrasado para a entrega desse trabalho.

Conto com a experiência de vcs.

Abraços

Esquece galera, é que eu esqueci da p.... do src.

Vlw

#7 BrisaWebDesign

BrisaWebDesign

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 12/08/2010, 11:21

Caraaaa!

Valeu mesmooo! vc salvou minha vida e do meu sitee!

Fiz um cadastro neste fórum por vc!

Muitoo obrigada deu certinhooo! mais dicas??! rsrs

Bjoss e valeu =D


#8 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 21/09/2017, 01:17

Viagra For Sale In The Usa online pharmacy Kamagra Oral Jelly Buy Online
Buy Kamagra Dublin Buy Maxifort
Pharmacy On Line <a href=http://cialtobuy.com>cialis</a> Buy Kamagra Tablets Online
Vigra On Line cialis Is Cephalexin Harmful To Dogs Buy Zithromax Online Canada Lasix Norway Viagra Pfizer Gut Sildenafil 50mg Tablets To Buy cialis price Cephalexin Prescription Number
Adalat cialis price Ups Penus Erectile Store Viagra Farmacia Senza Ricetta Medica Zithromax Pediatric Suspension Dosing Calculator Nolvadex 20 Mg Effets Secondaires cialis Can Cephalexin Treat Trichomoniasis

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 05/10/2017, 23:49

100mg Doxycycline Tablets From India viagra Baclofen En Ligne France Concorsi Levitra
What Are Kamagra Tablets Propecia Efectos Colaterales Priligy Patent viagra Prospecto De Propecia Last Longer Exercises buy accutane generic

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 14/10/2017, 20:49

cheap generic accutane Cialis Dangereux Pour La Sante viagra Tadalafil Generique 20mg Cheap Real Propecia
Prix Cytotec France Viagra Verschreibungspflichtig generic levitra 40 mg Cheap Effective Cialis
Cialis 5mg Medicament buy viagra online Buy Valtrex Online With No Prescription Zithromax And Pregnancy
Viagra Yahoo viagra Wirkung Viagra Nach Ejakulation

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 18/10/2017, 20:11

Propecia Generique Avis viagra online Viagra Official Site Abces Clomid
Will Keflex Work On Vaginal Infections Bienfaits Du Clomid Viagra Levitra Differenze low cost levitra in the usa Robinaxol Cialis Effets Indesirables Achat Nolvadex Proviron
Wirkung Von Viagra Nebenwirkungen Direct Cod Only Clobetasol Online Price Shop Free Shipping Buy Orlistat 120mg Malaysia vardenafil 20 mg.no prescription Kosten Levitra
Travail Reel Dapoxetine buy viagra Canadian Pharm Direct
Cialis Online Originale viagra prescription Generic 5 Mg Cialis Viagra Ireland Cialis Preise Holland
Find Isotretinoin Legally Tablet cialis Cialis Original Precio Farmacia Viagra Alcol
Prednisone 20mg Tab Con Receta Comprar Propecia Ventolin By Mail viagra Clomid Acide Folique Je Zithromax Azithromycin Tablets

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 22/10/2017, 23:19

Buy Tamoxifen Citrate No Prescription Propecia Generic 5mg Cialis At Kmart Pharmacy cialis Cialis Sample Cialis Durata Dell'Effetto Best Site Buy Viagra Online 133
Amoxicillin Dosage For Teeth Infection Cialis Generic Best Price Rosacea Amoxicillin viagra Ear Infection Amoxicillin What Is Keflex Used For Cialis 5mg Pellic
Amoxicillin Rash Infant Amoxil By Vbulletin Dealing With Anger Caused By Cymbalta cialis buy online Aacifemine Clomid Tomber Enceinte
Buy Vigora 100 Priligy Effetti Indesiderati cialis online Online Kamagra Review Kamagra Haltbarkeit Cheapeast Generic Elocon Medicine Online Pharmacy Amex Accepted

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 31/10/2017, 23:11

Stendra 100mg Canadian Drugstore vardenafil online pharmacy Medicament Zithromax Buy Generic Plavix Online
Cialis Fast Overnight Erectile Drugs Sale viagra Does Amoxicillin Contain Penicillin Propecia Aumento Massa
Can You Drink Alchol Wiht Amoxicillin viagra Canadianhealthcaremall
Elimite For Sale Cialis Maxman Donde Compro Viagra online pharmacy Viagra Kaufen Cialis Bestellen Buy Accutane Online Forum

#14 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 03/11/2017, 07:58

Zithromax Pfizer viagra Viagra Osterreich Ohne Rezept Cialis Wirkt Nicht Tun
Amoxicillin For Sale Commande Viagra Pfizer online pharmacy Viagra Rezeptfrei Rechnung

#15 fapedlok

fapedlok

    Ativo

  • Usuários
  • 341 posts
  • Sexo:Masculino
  • Localidade:Brisbane

Posted 06/11/2017, 04:52

Discounts! best in products

progect12.jpg
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).

buy.png

READ MORE
Etvud, Kollin
2016 hot trendy fashion braided rope chain with magnetic clasp bow charm leather bracelets bangles for ( 1.69 $)
Jackets women 2016 new jacket women s hooded women jacket fashion thin windbreaker men outwear women ( 17.50 $)
«Ya znala â kak tebe ponravitsya…»
Route 66 Freedom Vintage Metal signs wall decor House Office Bar Craft Iron Painting art B-150 Mix order 2030 CM ( 7.95 $)
Peruvian Virgin Hair Water Wave Peruvian Curly Weave Human Hair Extensions Ocean Wave 3 Bundles Unprocessed Natural Wave Hair ( 66.98 $)
Riding tribe men's motorcycle racing cycling jaqueta clothing motocross motorcycles windproof waterproof jackets with warm liner ( 116.87 $)
Black Nylon Puffer Bow Tie ( 45.00 $)
Stylish tartan pattern 6.5cm width tie for men ( 5.32 $)
Lace frontal closure with bundles brazilian hair body wave with closure 4 bundles 7a brazilian virgin hair with frontal closure ( 90.54 $)
скачать angry birds star wars +на андроид
CHUWI Hi10 Pro 2 in 1 Ultrabook Tablet PC with Keyboard ( 199.99 $)
SOOCOO G1 Mini WiFi Action Camera with Flexible Arm Holder-55.19 $
Tires, buy tires and wheels in Moscow, prices of tires and wheels in online store S-Shina.ru
The official online Lacoste store | shop online Lacoste


134.jpg




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq