EDUARDO WALMOTT (226 pts)

SASHA GUDEY (235 pts)

FLASHGURU (155 pts)

JOTA LAGO (40 pts)

IRAPUAN MARTINEZ (45 pts)

AMAURY BENTES (123 pts)

RODRIGO AMARAL (56 pts)

DANIELA PIRES (86 pts)

JONAS GALVEZ (521 pts)

JOÃO NETO (78 pts)

MAURO ROCHA TAVARES (40 pts)

ZECA BALA (45 pts)
Treinamento PontoFlash de Flash e ActionScript

Como faço pra colocar múltiplas senhas e múltiplos usuários num FlashMovie?

Como arrastar um swf com uma foto, aberto com load movie?

Como faço para um botão que já abriu um loadmovie, ficar nulo quando o mesmo já está na tela, para que ele não fique repetindo a mesma ação?

Quero que um movieclip filho cheque a colisão (hitTest) com um terceiro colocado na timeline principal.

Como publicar um .SWF e fazer com que ele não mostre outra fonte?

Eu preciso colocar um fadeout em um som em loop, na terceira vez que ele tocar.

Como fazer um efeito Glaussiam Blur no Flash?

Como carregar e posicionar dinamicamente seis JPGs?

Tem jeito de no flash eliminar as variáveis que foram criadas?

Tenho um arquivo .exe e gostaria que este ao ser executado, preencha a tela toda em fullscreen.

Uma forma diferente de fazer uma concional.

Estou com problemas em condicionais IF.

Como fazer um efeito de escalar imagens no mouseOver e no MouseOut?

É possível trocar variáveis entre filmes abertos com load movie?
Dicas para otimizar seu SWF (revisado e atualizado).

Integração Flash X ColdFusion.

Load Movie into level (nível)

Jogo da Forca (segunda parte)

Jogo tiro ao alvo

Load Múltiplos.

Spectrum Analizer - Medidores de som

Nikefootball, uso e abuso do flash - Avaliação de sites

Sub-Menus entre frames, com o Dreamweaver

Menu circular em 3D personalizável

Criando texto neon.

Transparência no Flash.
Cortinas

Bola reflexo

CGC e CPF

Lights many 2

Menu cortina

Álbum de fotos

3dsimmoufollow

Timer

Velocidade

Following

Mouse Hide

Slide menu
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