Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vi =)

como usar flash com transparencia

Por , em Desenvolvimento frontend

Recommended Posts

Vi =)    0

Vi =)
Postado

Boa Noite a todos...

 

Fiz um layout mas estou com um pequeno problema. Tenho a tela dividida em duas. Do lado esquerdo tenho um degradê em cinza claro e do lado direito a área é branca com a foto de uma mulher que tem o braço vazado para a parte esquerda que tem o degradê cinza.

 

No CSS teria que colocar a imagem do degradê cinza em uma div que ficasse abaixo da div da foto da mulher pois caso contrário o degradê ia cobrir os braços da mulher. Sendo assim eu iria exportar a imagem da mulher com fundo transparente para ela vazar no degrade. Porém, a qualidade GIF é péssima para fotos e a PNG além de pesada não tem suporte no Internet Explorer 6.

 

Vcs poderiam me ajudar a encontrar uma solução para isso? =(

 

Coloquei o link da imagem:

 

 

http://img182.imageshack.us/my.php?image=luanovaxy4.jpg

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Opaaa.. e aee Vi... tudo bom =)

 

Bom cara, seria mais facil se eu visse o seu código html, mas no seu lugar eu faria o seguinte.

 

Pega somente essa foto da mulher e manda para o Flash e exporta o swf só com ela ou exporta em PNG transparente se preferir.

 

Supondo que a foto da mulher fica sempre alinhada ao rodapé do site e que é um alinhamento vertical centralizado, ou um alinhamento absoluto no rodapé.

 

Antes do do </body> você joga uma div com o id mulher (ou um de sua preferência).

 

<div id="mulher"> <!-- AQUI ENTRA O PNG OU O SWF --> </div>
</body>

Dae no CSS você faz assim.

#mulher {
			 position: absolute;
			 left: 50%;

			 /* ------- Tamanho da foto da mulher NEGATIVO ------- */
			 margin-top: -***px; 

			 /* ------- Vai jogando valores de margin positivo ou negativo para alinhar no local que você quer a foto ------- */
			 margin-left: ***x;	
 
			 z-index: 1000;
}

E ja era está feito.

 

Agora se o site estiver alinhado no topo e não com alinhamento vertical

 

A idéia é a mesma mas só você acrescentar uma linha no seu CSS

 

Obs: preferecia para esse adicione a div mulher depois do <body>

 

#mulher {
			 position: absolute;

			 /* ------- Isso irá fazer a contagem ser iniciada do topo ------- */
			 top: 0px;  

			 left: 50%;

			 /* -------Tamanho da foto da mulher POSITIVO (já que você terá que jogar a foto para baixo) ------- */
			 margin-top: ***px;  

 			 /* -------Vai jogando valores de margin positivo ou negativo para alinhar no local que você quer a foto ------- */
			 margin-left: ***x;	

			 z-index: 1000;
}

Bom é isso, qualquer dúvida só falar

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vi =)    0

Vi =)
Postado

Oi Nick...Obrigado pela atenção =)

 

Então cara, não colei o html pq aina nem comecei...rssss...Eu tava analisando primeiro como vou fazer pra solucionar isso...Vo seguir essas dicas suas, mas eu não sei pq RAIOS meu Flash não ta exportando com fundo transparente.

 

Caramba, eu salvei a imagem com fundo transparente no Photoshop como PNG tal, importei pro Flash, qndo jogo no Dreamweaver e testo no navegador a danada nao ta transparente! Pq será isso?

 

Obrigadoo de novo =)))

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

você precisa definir um parametro para alertar do fundo transparente.

<param name="wmode" value="transparent">

E se tiver a tag embed no seu flash (que apropósito é deprecated)

Coloca como atributo e valor.

<embed name="topo" width="100%" height="135" wmode="transparent" ...... </embed>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vi =)    0

Vi =)
Postado

Oi Nicolas, eu importei pro Flash a imagem da mulher em PNG com fundo transparente. Gerei o SWF e no Dreamweaver simplesmente criei uma div e cliquei e arrastei o SWF só pra testar mesmo. E não deu certo =/

 

Olha meu código:

 

<div id="teste-foto">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0', 'width', '400', 'height', '600', 'src', 'Imagens/teste', 'quality', 'high', 'pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash', 'movie', 'Imagens/teste' ); //end AC code
</script><noscript> <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="400" height="600">
	<param name="movie" value="Imagens/teste.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent">
	<embed src="Imagens/teste.swf" width="400" height="600" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
  </object>
</noscript></div>

Obrigado Nicolas :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Primeiramente seu titulo esta fora das normas, leia as regras

http://forum.imasters.com.br/index.php?act=Help

 

titulo editado:

Ajuda com um Layout http://forum.imasters.com.br/public/style_emoticons/default/seta.gif como usar flash com transparencia

------------------------------------------------------------------

o problema é que você esta usando javascript para chamar o flash:

CODE

<script type="text/javascript">

AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' 'width', '400', 'height', '600', 'src', 'Imagens/teste', 'quality', 'high', 'pluginspage', 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' 'movie', 'Imagens/teste' ); //end AC code

</script>

tem de aplicar wmode no script tambem

CODE

se não der certo posta ae falow abraço ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vi =)    0

Vi =)
Postado

Obrigada consegui deixá-lo transparente...

Agora me surgiu uma nova dúvida em relação ao layout... Por exemplo, cada página da lateral esquerda vai ter um conteúdo, de diferentes tamanhos. Por terem tamanhos diferentes (altuas) o menu e o rodapé vao ser empurrados pra baixo conforme o conteúdo ne =/

 

Como eu poderia deixar o rodapé e o menu fixos na tela mesmo que o conteúdo em cima cresça?

 

Obrigado mais uma vez =)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito