EDUARDO CARREGA (150 pts)

MARCOS JOSÉ PINTO (44 pts)

DANIELA PIRES (86 pts)

MUZAK (45 pts)

STICKMAN (155 pts)

LUIZ HERRERA (117 pts)

NETO LEAL (116 pts)

MANGOOST (80 pts)

BÁRBARA TOSTES (64 pts)

RODRIGO AMARAL (56 pts)

JOÃO NETO (78 pts)

LUIZ AVANCI (51 pts)
Treinamento PontoFlash de Flash e ActionScript

Rodo um vídeo usando Flash ou Director?

Preciso de um programa para criar fontes.

Como faço para fazer um drag and drop com um botão fechar.

Problemas de envio de mensagem pelo Cdonts (ASP).

Como se faz para que um botão de um filme de flash torne uma layer feita no dreamweaver visível ou invisível?

Como faço para do flash abrir uma nova página num ou outro frame do HTML?

Tenho um arquivo fla e gostaria de abrir um outro arquivo já feito quando esse fla estiver em execução.

Como pegar no flash, variaveis vindas de uma URL "site.jsp?var=valor&var2=valor2"?

Como dar um fade (alpha) num movieclip clicando num botão?

Posso limitar o tempo de permanência de um usuário numa página?

Eu tenho dois botões que controlam o volume do meu Filme ...

Como movimento e diminuo o tamanho de um texto em uma animação?

Quero intercalar a visivilidade de movieclips.

Como envio um valor para uma variável em um movieclip duplicado com o nome de (varbola+n) e que cada bola tenha um valor?
Animate - Fireworks

Tratamento de um bitmap PNG com o PhotoShop.

Componente ComboBox.

Desenvolvendo um Controle de Volume Customizado em Flash

Flash no Espaço Geográfico

Shapes arredondados no PhotoShop.

Desenhando uma linha entre dois pontos no Flash 5.

Compartilhando fontes

TV Scan Lines - Fireworks

Detecção do FlashPlayer.

LocalConnection

Botões comutadores ou com duas ações.
Mouse tracks

ICQ

MovieClip.onCollision

Click drag and release

Counter

Bola quicando

Abrir janelas

Eyes

Cerca

Drag Image

Senha multipla

Array intro
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