terça-feira, 6 de abril de 2010

Criando Site Simples #2 - Menu em xml

Minha ideia é fazer algo que realmente possa ser utilizado com um impacto visual agradável e simples e aos poucos vou mudando e explicando como mudar. Neste caso aqui temos o menu que é aplicado no site mas pode ser usado em um projeto seu.

Código do menu
carregaXML = new XML();
carregaXML.ignoreWhite = true;
carregaXML.onLoad = function(sucesso) {
	if (sucesso) {
		var qtd = this.firstChild.childNodes.length;
		var pos_x = 0;
		for (var i = 0; i/*<*/qtd; i++) {
			//aqui vai até o nó menu
			var raiz = this.firstChild.childNodes[i];
			//duplicando o mc 'textMenu' dentro do mc 'menuMc'
			menuMc.textMenu.duplicateMovieClip("textMenu"+i,i+1);
			//atribuindo a varialvel 'alvo' o corrente target
			alvo = menuMc["textMenu"+i];
			//no xml listaMenu - menu - titulo 
			alvo.titulo.htmlText = raiz.childNodes[0].lastChild.nodeValue;
			//no xml listaMenu - menu - Link
			alvo.Link = raiz.childNodes[1].lastChild.nodeValue;
			//incrementando a posição do alvo _x
			alvo._x += pos_x;
			//'pos_x' mais a largura do texto +30
			pos_x += alvo.titulo.textWidth+30;
			//o bt ficar da largura do texto +7
			alvo.bt._width = alvo.titulo.textWidth+7;
		}
		//como não uso o primeiro mc 'textMenu' eu escondo
		textMenu._visible = false;
	} else {
		//se de erro no carregamento do xml
		trace("ERRO NO XML");
	}
};
carregaXML.load("menu.xml");
Botão
on (release) {
	trace(this.Link+" - _x:"+this._x);
}
XML




	

        HOME]]>

 	 	01
    
	
        VÍDEOS]]>
 	 	02
    
	
        PORTFÓLIO]]>
 	 	03
    
	
        FORUM]]>
 	 	04
    
	
        DICAS]]>
 	 	05
    
	
        CONTATO]]>
 	 	06
    

Veja a demo Baixe o souce

segunda-feira, 5 de abril de 2010

Manual Adobe em pdf

Manual em português direto do site da Adobe:
Uso do ADOBE® FLASH® CS4 PROFESSIONAL
Programação do ADOBE® ACTIONSCRIPT® 3.0
para quem esta afim de estudar Actionscript 3.0 como eu olha ai esse material vale bem a pena der ter a mão.

quinta-feira, 1 de abril de 2010

Criando Site Simples #1 - Alinhar Objetos

Minha ideia é mais dividir o projeto em partes, fazer um site completo com todos os elementos voltado para o uso e não coisa que não servem para nada, mas são muito bonitas e na momento de utilizar só da problemas.

O código
_quality = "HIGH";
Stage.scaleMode = 'noScale';
Stage.align = 'tl';
EventListener = new Object();
EventListener.onResize = function() {
 logo._x = 20;
 logo._y = 20;

 menuMc._x = 0;
 menuMc._y = int((Stage.height)-int(menuMc._height));
 menuMc.menuMcBg._width = Stage.width;

 conteudo._x = int((Stage.width/2)-int(conteudo._width/2));
 conteudo._y = int((Stage.height/2)-int(conteudo._height/2));

 fundo._x = 0
 fundo._y = 0;
 fundo._width = Stage.width;
 fundo._height = Stage.height;
};
Stage.addListener(EventListener);
EventListener.onResize();

Veja a demo
Baixe o souce