RODRIGO AMARAL (56 pts)

EDUARDO CARREGA (150 pts)

MAURO ROCHA TAVARES (40 pts)

ZECA BALA (45 pts)

NETO LEAL (116 pts)

DENIS CARAVALHO (85 pts)

FÁBIO DUARTE (79 pts)

AMAURY BENTES (123 pts)

SÁVIO PONTE (39 pts)

RÔMULO NUNES (32 pts)

GUILHERME SCHEIBE (49 pts)

PEDRO CLAUDIO (50 pts)
Treinamento PontoFlash de Flash e ActionScript

Como fazemos um objeto andar para frente e para trás por meio de um botão (roll over e roll out).

Tem como fazer um loading do loadVariables?

Como verificar a resolução do usuário e abrir um filme compatível?

Como fazer um cursor assim que o mouse entra numa área?

O que são esses arquivos na pasta Flash5/Player do windows Explorer?

Como trazer do SQL uma imagem independente de sua extensão?

Como faço para fechar um movieclip, tipo janela do windows?

É possível executar, à partir do flash, uma apresentação do Power Point?

Como fazer um movie clip sumir gradativamente depois que eu clicar em outro movie clip?

Como utilizar uma função para procurar valores dentro de uma variável?

Alguém sabe como usar o swapDepths?

Quero tocar 3 vezes um som e depois da terceira vez, iniciar outro som.

Queria mandar um aviso no caso do mouse não ser movido por cinco segundos.

Como coloco uma senha no Flash?
Entendendo como funciona um preloader - Segunda parte

Avaliação do site de O Boticário

Animação no Flash

Post comments (Livro de Visitas)

Objeto XML - xml viewer

Criação de um CD híbrido

Menu Popup

Jogo da Forca (terceira parte)

Usando XML com Fireworks MX.

Local Shared Objects primeira parte.

Botão dinâmico via Action Script.

Formulário interagindo Flash e PHP.
Bolhas

F5doubleclick

Type sound

Catavento2

Raysoflight 2

Efeito Matrix

Scroll Whell

Tension

Random line draw

Máscara simples

shared Objects

Menu método desenho
HOME | TUTORIAIS
Sub-Menus entre frames, com o Dreamweaver
por Eduardo Carrega


Muitas pessoas tem solicitado na coluna de Fireworks este recurso, porém o foco da coluna é outro, portanto decidi fazer um tutorial à parte somente para este exemplo. Clique aqui para ver funcionando.

   Este é um exemplo onde os sub-menus se reposicionam automaticamente em caso de páginas de frames quando o scroll é acionado. O procedimento não é tão dificil, e poucas vezes é necessário editar manualmente algum parâmetro nos códigos:

Inicie baixando aqui todos os arquivos desse tutorial:

nirvana Floating Layer;
studio VII / DW4 W3C object color change;
netscape6-SViiShow-Hide Layers;
e todos os HTMLS

APÓS BAIXAR OS BEHAVIORS, É NECESSÁRIO INSTALÁ-LOS VIA EXTENSION MANAGER (commands/manage extensions)

   Utilizando o dreamweaver, após a instalação do Command "Nirvana Floating Layer", command deve ser inserido na página que conterá os submenus: (a página que irá correr no frame, vamos chamá-la de "sub.html"; ele criara automaticamente os códigos e o layer que transita pela página ao decorrer do scroll. (DEIXE-O CONFIGURADO PARA O 3px DEFAULT DE DISTANCIA DO TOPO)

   Nesta página ainda, deve-se ser aplicado as seguintes modificações em seus códigos para o perfeito funcionamento e posicionamento do objeto layers persistent.
O persistent desta forma irá dar inicio na posição 0x0 do seu html.

   ESTE LAYER NÃO PODE SER MOVIDO MANUALMENTE NA TELA, CASO ISSO OCORRA, UM ERRO DE SCRIPT OCORRERÁ COMPROMENTENDO TODO O TRABALHO DESTE PONTO EM DIANTE

   Após estas mínimas configurações, o procedimeto é comum para quem já esta habituado a lidar com show/hide layers dentro do dreamweaver, mas mesmos aos mais experientes, é aconselhavel obter o behavior "SSViiShow-Hide Layers", que otimiza o funcionamento do java script para netscape 6.

   Basta agora criar as layers em clip dentro da layer persistent, com as posições sempre partindo de "0" para top e left em diante (um clip pode ser efetuado no painel Layer, arrastando com CTRL pressionado um layer para cima de outra layer).

   Após inserção dos layers desejados no clip, aplica-se o behavior de show hide layer diretamente na borda do layer, com eventos no seguinte principio:

onMouseOver: exibe este layer
onMouseOut: volte-me para default




   Após colocar esta ação para cada um dos layers, marque todos eles como "hiden" (olhos no painel layers ou hiden em visibility no painel properties).

   A página de submenus esta pronta, vamos para a pagina de menus principais:


   Esta é menos complexa um pouco, utilizei links de células e alteração de background ao passar o mouse sobre uma célula, este recurso obtive com o behavior "studio VII / DW4 W3C object color change"

eventos:

onMouseOver: pinte de cinza
onMouseOut: pinte de nada



   Assim, por a tabela já ter um fundo, facilmente consegue-se o efeito de swap color (para aplicar este recurso, deve-se selecionar cada celula com o Ctrl pressionado e em seguida aplicar consecutivamente os dois estágio da troca).

   Para finalizar, é da mesma forma, ainda com a célula selecionada com CTRL, deve-se inserir novamente os behavior de show hide layers, com os eventos:

onMouseOver: exibe o layer X no frame Y
onMouseOut: volte layer X para default no frame Y

   Enfim, o último detalhe é o cursor "hand" sobre as células, isto é, um style facilmente aplicável aqualquer elemento do html. Neste exercicio, apliquei a tag <table> e ficou da seguinte forma:

<table width="100%" border="1" style="cursor:hand" cells...

   Salve todo o conjunto de frames e teste o arquivo.


Baixe esta página completa em zip, para estudar e modificar como quiser, o código é livre!


PS: este exemplo está simplificado, mas provavelmente irá utilizá-lo em várias páginas, porém o java script residente nesta pagina deve estar em todas as outras posteriores, aconselho portanto a criação de um template no Dreamweaver ou inserção dinâmica via include de ASP, Shtml, PHP, CFM, e outros...



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário