REPOSITÓRIO DA LÍA » Flash

Flash indexado pelo Google

lia — Mon, 05 Jan 2009 15:59:02 +0000

Eu já havia feito um post sobre o Google começar a indexar Flash. Mas nunca nas minhas pesquisas eu tinha encontrado alguma página SWF como resultado de busca.

Hoje finalmente aconteceu!

Assuntos relacionados:

Banner com DIV Flutuante e Transparente

lia — Tue, 23 Dec 2008 17:32:01 +0000

Testado e aprovado no Firefox e I.E

Banners em DIVs flutuantes são ótimos em substituir os finados pop-ups. Um bom exemplo pode ser visto em portais como Uol e outros de tenham muita publicidade, são muito usados…

Pra fazer o que tinha em mente eu precisava de três informações:

1- Como colocar uma DIV por cima do conteúdo da página.
2- Em casos de Flash, como deixar o fundo transparente.
3- Como fechar a DIV após a exibição, utilizando um link/botão.

Resolvendo as questões:

1- Pra colocar a DIV por cima do conteúdo eu já sabia que bastava usar as propriedades:

position:absolute; z-index:1;

Ok. Next.

2- Pra deixar o Flash com fundo transparente basta colocar entre as tags a linha:

Pra quem usa o Dreamweaver, quando inserimos um SWF e aparece um bloco de linhas de códigos, geralmente vem com , daí é só trocar o opacit por transparent e pronto.

3- Agora, pra fechar DIVs é que é mais difícil. Eu já sabia da existencia da propriedade visibility:hidden; no CSS, mas não sabia como fazer uma DIV mudar de propriedades ou de classe por um link.

Pesquisei por vários fóruns mas não consegui uma solução, já tava ficando com raiva quando pedi ajuda do meu amigo Ruan que me passou um link ensinando a Exibir e esconder DIV com JavaScript, e pronto, problema resolvido.

Vamos ao que interessa:

1º No código da sua página, cole isso antes da tag :

Esse é o CSS que vai formatar a DIV que vai conter seu banner:

Esse é o JavaScript que vai fazer o link Fechar funcionar:

2º Agora, depois da tag , cole isso:

ESPAÇO

3º Onde está escrito ESPAÇO, insira o conteúdo do seu banner, pode ser uma imagem, ou textos, ou imagem e textos, ou um SWF, qualquer coisa. Eu como sou nada criativa, fiz um quadradinho andando no seu quadrado, só a nível de demonstração.

4º Antes do código do SWF que vc acabou de inserir, coloque isso:

Fechar

5º Agora teste. É pra tá funcionando, que nem tá aqui.

Obs.: Onde vc ver “nomeDiv” é o nome que a DIV que contém seu banner deve ter. Caso vc resolva mudá-lo, certifique-se de muda-lo também no CSS e no JavaScript, caso contrário, vai dar zica.

♥ Download dos arquivos do meu exemplo ♥

P.S: Esse post é um presente de Natal pro meu amigo Renzo.

Assuntos relacionados:

Como imprimir no Flash

lia — Sat, 16 Aug 2008 17:59:48 +0000

Você sabe como mandar uma impressão apartir de um swf ? Não?? Nem eu sabia até ontem a tarde…

É bem simples. Fiz um passo-a-passo com todo amor e carinho:

1- Selecione todo o conteúdo do frame que você quer imprimir e transforme em um MovieClip. Isso é muito importante, pois nesse caso, só vai ser impresso o que está dentro desse movie clip.

Obs: Os campos de texto devem estar como Static Text.

2- Selecione o MovieClip. No campo , nomeie-o com o nome “impressao”.

3- Agora você tem que criar o botão que vai solicitar a impressão.

Obs: Não sabe? Você pode usar uma imagem, ou só texto, ou uma forma com texto, sei lá, só precisa ter alguma coisa pra selecionar, pressionar F8 e transformar em botão. No meu exemplo eu fiz uma forma Rectangle Tool, preechi de vermelho, dai com a ferramenta Text Tool digitei a palavra “imprimir” e coloquei branco, posicionei o texto em cima do retangulo e só, a nível de tutorial basta.

4- Agora vem a mágica. Selecione o botão e pressione F9, vai abrir a janela de Actions, aí você coloca esse código:

on (release) {
printNum(impressao, “bmovie”);
}

5- Teste. Gere o swf e clique no botão de imprimir. Se abrir a janela de configuração da impressora é pq deu certo, basta vc configurar suas preferencias de impressão e mandar bala, mas se não abriu é pq vc fez alguma coisa errada, volte ao passo 1.

OBSERVAÇÕES IMPORTANTES:

Tipo de impressão:
printNum => Imprime como vetor.
printAsBitmapNum => Imprime como bitmap.

Área de impressão:
bmovie => MovieClip
bmax => Máx
bframe => Quadro

Espero que tenham entendido!!

Baixar arquivos .fla e .swf versão CS3

Assuntos relacionados:

Flash não, Flax!!

lia — Mon, 07 Jul 2008 22:30:28 +0000

E por falar em Flash, vou contar uma histórinha pra vcs:

Logo no início da minha vida webdesigneana eu estagiei em um local em que os únicos softwares que eu podia usar eram o Fireworks e o Flash, sóóó que até então eu só sabia fazer layout com o Photoshop e o Flash eu sabia marromenos.

Um belo dia meu ~~querido-~~chefe da época, me pediu pra fazer uns banners em Flash e disse lá como ele queria que eles fossem, eu fiquei desesperada pq eu não fazia a menor idéia de como fazer os textos se esticarem, pularem e darem cambalhotas com o Flash!! O.o E pra piorar a minha situação, o meu ~~querido-~~chefe me apresentou um programinha que fazia aquilo automaticamente, ótimo, até aí já tinha ficado mais aliviada, a bronca era que além de eu nunca ter visto aquele programa na minha vida, ele era em inglês, a interface não era nada intuitiva e eu tinha apenas uma tarde pra aprender a dominá-lo.

Eu fiquei fuçando, fiz força.. mas não deu, entreguei as cartas, disse que não rolava.

Ah se eu tivesse conhecido o Flax naquele época… Ele é MUITO fácil de usar, basta digitar seu texto, escolher cores, fontes e os efeitos desejados, ele já gera os SWFs com fundo solido ou transparente.. mt massa!!

Olhem só os efeitos de texto que esse programinha de menos de 1MB faz:

Esses são só alguns, os melhores não coloquei aqui, não vou estragar a surpresa, nééé!!

♥ DOWNLOAD ♥ (já tá com serial)

P.S: Dessa vez quem me apresentou o Flax foi o meu atual querido-chefe…

Assuntos relacionados:

Google aprende a indexar o Flash [2]

lia — Sat, 05 Jul 2008 17:39:20 +0000

Eu não gosto de postar notícias no meu blog, não é esse o foco (não sou jornalista, rs), mas quando a notícia é boa, vale a pena fazer pelo menos um trackback.

O Google vem desenvolvendo um novo algoritmo para indexação de conteúdo em Flash em todos os tipos de arquivos, a partir de menus, botões e banners em flash, até websites feitos inteiramente em Flash. Recentemente, o Google melhorou o desempenho deste algoritmo para indexação em Flash através da integração da tecnologia Adobe Flash Player.

No passado, web designers enfrentaram desafios ao escolherem o Flash para desenvolver um site de conteúdo, porque eles não eram indexáveis pelos motores de busca. Eles precisavam fazer um esforço extra para garantir que seu conteúdo também fosse apresentado de outro modo para que os motores de busca pudessem vir a indexá-los.

Abaixo segue algumas questões sobre a indexação do conteúdo:

Quais arquivos Flash o Google indexará agora?

O que acho disso?? Eu acho ótimo!! Ao contrário de alguns desenvolvedores que detestam o Flash, eu gosto bastante. Dá pra fazer muita coisa legal com as funcionalidades do Flash, efeitos visuais incríveis e modernos, afinal, a interface do site é tão importante quanto desempenho.

E por falar em desempenho… tá certo que geralmente sites em Flash são pesados, demorados e nada usuais… mas isso depende muito de quem fez, se um site em Flash é pesado demais ou os textos não são selecionáveis ou as imagens insalváveis, isso é culpa do designer sem noção que não sabe que dá pra arrumar isso.

E o fato de leitores de tela não lerem o conteúdo de sites em Flash? Bem… aí é um problema mesmo, que a única solução que eu imagino é ter uma segunda versão do site com adaptações e totalmente feito com texto, justamente para os usuários que dependem desses leitores. Espero que daqui há um tempo seja resolvido isso também, afinal, até a questão da indexação já tá sendo resolvida… o Google sempre dá o primeiro passo.

Assuntos relacionados:

Retire a borda do SWF no InternetExplorer

lia — Tue, 12 Feb 2008 02:34:10 +0000

Você já passou pela infeliz situação de inserir um swf em uma página, e lá no InternetExplorer o seu flash fica com uma desagradavel borda em volta?!

Uma das soluções, pelo menos é a que eu uso, é importar o flash com a ajuda de um código JavaScript.

Coloque essa linha de código dentro do HEAD. Isso irá chamar o arquivo JavaScript responsável por importar o arquivo em flash.

Coloque esse código para chamar o arquivo swf.

(onde tá escrito 504 é a largura e onde tá 200 é a altura).

Agora você precisa salvar o JavaScript. Baixe o Arquivo.

Assuntos relacionados:

Vídeo com PaperVision 3D – Interação

lia — Fri, 18 Jan 2008 20:08:28 +0000

http://adn.blam.be/papervision/

É um site com vídeos… e daí o YouTube também é?!
Mas não vídeos que você pode assistir em 360º

Yeah!! São 5 vídeos que você pode assistir e usar o mouse para interagir com ele.
Ingredientes: Flash + Papervision + 3dmax

Dica do Puga

Assuntos relacionados:

Quer fazer Pop-up no Flash???

lia — Sun, 23 Dec 2007 16:54:22 +0000

Basta inserir este código java script no botão.

on (release) {
getURL (“javascript:window.open(‘pagina.html’,'width=290,height=410,top=0,left=0′); void(0);”);
}