O desenvolvedor é um blog sobre desenvolvimento web, não tratando apenas de programação mas também compartilhando experiências, métodos,
debates e tendências da internet.
O Desenvolvedor é um blog de www.andafter.org
O Desenvolvedor é um blog de www.andafter.org
Guilherme Serrano
Graduado em design, viciado em web, adoro desenvolvimento, mashups, usabilidade, o universo e tudo mais.
Vivo de e para internet. :)
Status
Karma: 68536
Opiniões: 30
Mais deste autor
Como deixar fundo transparente no Flash
Este texto foi classificado como Muito bomPor Guilherme Serrano
31 de Janeiro de 2008
Código para deixar swf com fundo transparente quando exibido no site. Simples e bastante utilizado para banners...
Acompanhe O Desenvolvedor por Feeds!
É uma dúvida simples e extremamente fácil de resolver, estou postando isso pois estava procurando informaçõe sobre ActionSctip em fóruns e me espantei com a quantidade de dúvidas sobre como deixar o fundo transparente em Flash.
1. Salve o arquivo e exporte em .swf
2. Insira o arquivo no HTML da página desejada e nos parâmetros adicione nos parâmetros do object:
<param name="wmode" value="transparent" />
3. Dentro da tag <embed> você também deve adicionar o parâmetro wmode como transparente, exemplo:
<embed src="meuflash.swf" wmode="transparent">
Pronto, agora a exibição do swf será com fundo transparente!
Simples, não? ;)
O que você achou do texto?
Você pode comentar, assinar o feed, conhecer mais sobre o autor e ajudar a divulgar este artigo em sua ferramenta favorita através dos botões abaixo.
Você também pode gostar...
Comentários
18/3/2008 23:18:00
Perfeito, suas dicas foram de grande ajuda para mim. Obrigado![Responder este comentário]
[www]
6/4/2008 16:53:00
Desculpe., mas essa linha de codgo nao esta funcionando!!!nao consigo deixar o flash transfarent!!
trabalho com studio MX se a informação for nescessaria!!
obrigado desde ja!! aguardo a respota!
[Responder este comentário]
7/4/2008 08:50:00
Rodrigo, o código está certo...Confere o seguinte:
1. se não teve nenhum erro de digitação quando você colocou o código
2. se no teu arquivo .fla não tem nenhuma "base" fazendo o background do filme swf
pode ser algum desses dois problemas, se não for isso não sei o que pode ser...
Ah, e evite o uso desnecessário de "!!!"... haha ;)
Abraço e boa sorte!
[Responder este comentário]
16/9/2008 22:49:00
explica melhor eu não estou intendendo!OBrigada>
[Responder este comentário]
17/9/2008 10:29:00
Juliana, veja esse post sobre o SWFObject (http://www.andafter.org/blogs/odesenvolvedor/publicacoes/swfobject-inserindo-flash-na-sua-pagina-sem-complicacoes_524.html), uma forma bem fácil de se inserir o flash. E definir esses parâmetros, sendo crossbrowser (funcionando em todos browsers).
17/9/2008 11:53:00
Nossa Chris, que complexo. =/Juliana, assim que você inserir o SWF no HTML, se você estiver usando o Dreamweaver, ele vai inserir alguns códigos HTML sozinho. Se não me engano, é só você procurar esses parâmetros citados no texto e alterar. Não tem erro, é super simples : )
Na tag <embed src="meuflash.swf" wmode="transparent"> onde está `meuflash.swf`, é onde estará o nome do SEU ARQUIVO, você precisa colocar o wmode="transparent".
Ah, e como o Guilherme disse, o flash não pode ter nenhum `fundo` criado por você, como preencher o stage com um retângulo, por exemplo.
[www]
17/5/2009 17:24:00
ae quero aprender a colocar meu site nas ferramentas de pesquisas, por exemplo, google.vlw. ajuda aí, so novo nessa area.
vlw fui
[Responder este comentário]
[www]
17/5/2009 19:50:00
Oi Eber, procure ler artigos sobre SEO, aqui você pode encontrar algumas dicas e referências: http://www.andafter.org/tag/seo
23/12/2009 20:27:00
Vlw!Funciona msm e foi mto útil, achava que para fazer isso seria uma configuração na hora de exportar o swf.
vlw msm.
[Responder este comentário]
5/2/2010 08:50:00
Sobre esse artigo eu até entendi e talz, mas a minha dificuldade é a seguinte...Preciso fazer SPRY Tablets do DW CS4 funcionar em navegadores, você pode me dizer como posso fazer isso de forma "funcional"...
Suas Matérias São Muito Boas Cara Parabens...
[Responder este comentário]
Eduardo Castro
15/4/2010 18:04:00
No meu não funciona nem a pau, alterei conforme informado mas o fundo continua branco. Estou usando o dreanweaver em portugues. será que o nome dos parametros mudam ?obrigado !
Carlos
[Responder este comentário]
25/5/2010 15:56:00
rapaz, naum consigo ve se fica assim ou da uma luz aiobrigado
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="680" height="35">
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="menu.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="680" height="35"></embed>
</object>
ou
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="680" height="35">
<param name="wmode" value="transparent" />
<param name="movie" value="menu.swf" />
<param name="quality" value="high" />
<embed src="menu.swf" wmode="transparent">
<embed src="menu.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="680" height="35"></embed>
</object>
[Responder este comentário]
3/8/2010 21:27:00
esse codigo so funciona no internet explore em outros navegadores como chrome, Mozilla n funciona... continuo a procura...[Responder este comentário]
23/8/2010 02:21:00
Oi Guilherme!Sabe me dizer se é possível colocar link em swf?
Se não houver possibilidade de fazer isso, pode dar uma dica para colocar uma imagem transparente(para linkar) sobre uma animação swf dentro de uma página html?Exportei o arquivo swf e coloquei na página html. Só falta linkar esse bicho!
Obrigado!
Leonardo
[Responder este comentário]
