Pop Up Flutuante parte 2

Vamos continuar!

1. Programar: Vamos em Janela/outros/linha do tempo(layer).
2. pegue na alça da camada e arraste até a layer 1
3. clique na bolinha formada e arraste-a até alayer 120
4. segure o ctrl e clique no 50
5. na linha B no 1º quadro vá em janela/comportamentos(behavior)/+/mostrar-ocultar camadas/ocultar/ok
6. na linha B quadro 45 vá em comportamentos/+/ mostrar-ocultar camadas/mostrar/
7. marque execução automática

Vamos animá-lo!

1. no quadro 60(+ ou -) segure CTRL na linha/ clique na alça da camada e arraste para esquerda
2. segure o CTRL e marque no 75 clique na alça da camada e arraste para a direita
3. onde foi arrastada ela criará linhas que vão indicar o seu caminho de animação
4. dê um F12 e teste

Pop Up Flutuante parte 1

Que tal saber alguns passos sobre um Pop UP flutuante no nosso site? sabe como fazer?

Se quizer um design arredondado e cheio de curvas a dica é que desenhe no Corel, senão , faça em photoshop mesmo. O importante que sejam salvos com fundos transparentes: se for no corel esporte em EPS e marque somente selecionadas e selecione curvas e salve em desktop. Ao abrir o photoshop abra um novo documento no tamanho de sua arte (EX: 450X450) e não se esqueça do fundo transparente na configuração. Vá em Arquivo/ Inserir/pegue o arquivo no desktop/ na janela da imagem terá um X enquanto isso voce poderá aumentar essa imagem sem problemas/ Enter/salve para web em gif/ marque transparência e dê um nome (ex: pop) salve e feche . Abra o seu arquivo do index com o botão direito em abrir com dreamweaver. Na barra de ferramentas /em comuns/desenhar camadas/clique e arraste pra dentro do site e dimensione o tamanho/ na ferramenta imagem ao lado pegue o seu pop.

Agora aguarde a parte 2 e logo terminaremos....