ZEBEDIAH (35 pts)

DENIS CARAVALHO (85 pts)

MARCOS JOSÉ PINTO (44 pts)

GUILHERME G.G. (137 pts)

JONAS GALVEZ (521 pts)

RICARDO FIGUEIRA (33 pts)

MAURO ROCHA TAVARES (40 pts)

MUZAK (45 pts)

GUILHERME SCHEIBE (49 pts)

EDUARDO CARREGA (150 pts)

IRAPUAN MARTINEZ (45 pts)

DANIELA PIRES (86 pts)
Treinamento PontoFlash de Flash e ActionScript

Porque os símbolos de porcentagem (%) de um arquivo txt não aparecem num campo de texto?

Como fazer uma arma móvel atirar um projétil verticalmente?

Consegui usar o XML com ASP, mas ainda não consegui colocar no flash.

Como eu faço para criar um arrays de variáveis com um índice?

Alguém aí tem um efeito de neve caindo

Como fazer para que a cada "refresh" da página, apareça um banner diferente?

Como mudar a cor de um botão no mouse Over?

Quero clicar num botão, que está no primeiro exe para chamar o 2° .exe e que o primeiro finalize o segundo.

Como eu faço um relógio digital e com data junto?

Como fazer um botão desligar o som com um clique e ligar com outro clique sobre ele mesmo?

Como eu faço para eliminar as barras de rolagem do navegado IE.

Como faço para parar cada cena da minha animação, esperando a pessoa teclar ENTER ou qualquer tecla?

Quero saber mais sobre interação Flash X banco de dados (sql mysql etc).

Há uma forma de modificar a aprência de um compontente scrollbar ou scrollpane?
Botões estilo Apple.com feito no PhotoShop

Animação com TextFields Dinâmicos

Login e senha

AttachSound.

MMSave

Entendendo como funciona um preloader - Segunda parte

Objeto XML - xml viewer

O desenho animado abrindo sites.

Conceitos de Design - Apresentação.

Componentes no Flash MX

Utilizando o ScrollPane no Flash MX.

Controle de MovieClip via Microphone.get();
Spiral menu

Pontoflash

Ponto e inércia

Click Duplo

News

Micróbios

Barra deslizante

Barra de Scroll

Texto matrix

Theba

Televisão

Textos animados
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