Pop Up C Imgem Trasparente...

[lemissel]

Opa, eu gostaria da ajuda de vocês pra poder fazer um pop-up com imagens transparentes... tp a do menu desse site... Imasters eu já fiz da seguinte maneira, coloquei qualquer imagem nahora da criação, e depois substitui por novas imagens (png) com transparência, mas ele njoga sem a transparência...

Valeuuu

[BrILL]

Já tentou dar uma olhada no código fonte desta página? Porque acho que isso ai não é com imagens não, é um script que faz isso, pelo menos nessa página ai é um script que da a transparência!

Eu sei de uma coisa com css.

table {
	filter: alpha(Opacity=90, FinishOpacity=90, Style=1) 
}

Isso ai deixa uma tabela com o cor de fundo transparente. No site que você mostrou são, LAYERS com tabelas dentro,e um css para deixar o cor de fundo transparente.

No fireworks eu nunca tentei fazer isso, e nem sei se da para fazer.

[AcquaBlue]

aê brill nessa você fiko pra trás... essa pergunta já foi feita a tempo atrás e vou voltar a explicar como fazer no fireworks...

é simples: crie seu menu popup e exporte. abra no fireworks a img de fundo do popup deixa a canvas trasparente e a img com uma certa trasparencia (a q você quiser) e exporta no mesmo tipo de imagem novamente sobrepondo o arquivo antigo pronto.

[BrILL]

aê brill nessa você fiko pra trás... essa pergunta já foi feita a tempo atrás e vou voltar a explicar como fazer no fireworks...

é simples: crie seu menu popup e exporte. abra no fireworks a img de fundo do popup deixa a canvas trasparente e a img com uma certa trasparencia (a q você quiser) e exporta no mesmo tipo de imagem novamente sobrepondo o arquivo antigo pronto.

Me passa o link desse tópico antigo ai, e com você isso funcionou ?

Porque aqui eu juro que não da certo! veja só se eu entendi? você faz um menu popup normalmente no fire e exporta, dae você pega a imagens do fundo do popup e coloca transparência e canvas transparente também, e salva por cima dos antigos! (acho que foi isso que ele fez). Fui isso que entendi, e não deu, e na hora de exportar mudei o tipo tipo da transparência para index transparency e também alpha transparency, mas nem um dos dois deu. Tentei de outras formas e também não deu!

Eu sei que é possível fazer um gif 100% transparente, mas com transparência alpha nunca vi!

[AcquaBlue]

bem entaum pera... até de noite eu posto um teste... vou ter q fazer outro q o antigo meu eu apaguei pera...

[lemissel]

è foi o eu fiz heheh e n deu heheh

aguardo o exemplo...

e Brill peloq eu entendi é cód e img sei lá...

...<td height="24" class="bordaTop bcCCCCCC"><img src="/img/pixels/pixel_transparente.gif" width="1" ...

[BrILL]

Olha, fiz esse exemplo para mostrar como se faz com layers, tabelas e css, sem nem uma imagem, apenas um botão.

Clique aqui para ver.

[BrILL]

Meu! achei! o comando que faz a imagem ficar transparente é o seguinte...

Você pode usar assim na hora de chamar a imagem:

<img src=imagem.gif style="filter: alpha (opacity=70);">

ou no arquivo .css assim:

.transparencia {

filter: alpha (opacity=70);

}

Onde 70 é o valor da transparência.

Se usar esse ultimo não esquece de colocara na hora de chamar a imagem assim

<img src=imagem.gif span class="transparencia">

Funciona com jpg também.

Mas agora! no fire eu ainda não achei solução!

[lemissel]

è eu tb me lembrei desse css... mas saca só... n entendo de js, mas abri o arquivo q o fire cria e tlas e fui vasculhar... achei uma tag só "<img" dae coloquei o cód normalmente... mas eu n sei em qual figura é... e é só pro Opera n tem mais nenhuma tag.. será q tem alguma função em js q mostra a imgem? ou o própiro js transforma a img?? sei lá.. só tem ali definições tp background, borda...

valeu por enqunato heheh

[AcquaBlue]

aê brill tu me passaste para trás... agora eu tb não consegui... . Bem o jeito acho q é esse. Codigos

[BrILL]

è eu tb me lembrei desse css... mas saca só... n entendo de js, mas abri o arquivo q o fire cria e tlas e fui vasculhar... achei uma tag só "<img" dae coloquei o cód normalmente... mas eu n sei em qual figura é... e é só pro Opera n tem mais nenhuma tag.. será q tem alguma função em js q mostra a imgem? ou o própiro js transforma a img?? sei lá.. só tem ali definições tp background, borda...

valeu por enqunato heheh

É nessas horas que eu me arrependo de não ter enfiado a cara para aprender Java Script, não gosto de muito Java Script mas de vez em quando é necessário saber algo.

Sei lá cara! Faz um novo tópico na seção Java Script / CSS / Dhtml e pergunta sobre as imagens transparentes, acho que este tópico não esta mais se encaixando na seção Fireworks.