{"id":555,"date":"2009-04-08T16:54:12","date_gmt":"2009-04-08T19:54:12","guid":{"rendered":"http:\/\/blog.mprinformatica.com.br\/2009\/04\/08\/banner-rotativo\/"},"modified":"2009-04-08T16:54:12","modified_gmt":"2009-04-08T19:54:12","slug":"banner-rotativo","status":"publish","type":"post","link":"https:\/\/www.mprinformatica.com.br\/blog\/2009\/04\/08\/banner-rotativo\/","title":{"rendered":"Banner Rotativo"},"content":{"rendered":"<p><strong>Objetivo: <\/strong>Colocar na p\u00e1gina da internet um banner que ser\u00e1 trocado cada vez que a p\u00e1gina for atualizada.<\/p>\n<p>Crie tr\u00eas banners de sua prefer\u00eancia, sendo que todos devem ter a medida de 480px (largura) e 60px (altura).<\/p>\n<p>Para alterar o tamanho do palco clique uma vez no local indicado abaixo e coloque o tamanho desejado.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Tamanho_do_Palco.jpg\" \/><\/p>\n<p>Exporte os banners criados para o diret\u00f3rio <em>(File\/Export\/Export Movie)<\/em> com os nomes 1.swf, 2.swf e 3.swf.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Diret__rio.jpg\" \/><\/p>\n<p>Crie um quarto banner que servir\u00e1 como uma estrutura para os outros banners.<br \/>\nPara isso crie um novo arquivo <em>(File\/New)<\/em> e modifique o tamanho do palco para 480px (largura) e 60px (altura). <\/p>\n<p>Para criar um novo arquivo acione o menu File e a op\u00e7\u00e3o New como mostra a ilustra\u00e7\u00e3o abaixo.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Salvar.jpg\" \/><\/p>\n<p>Desenhe um ret\u00e2ngulo, utilizando a <em>ferramenta Rectangle Tool<\/em>, deixando-o do mesmo tamanho do palco. <\/p>\n<p>A ferramenta Rectangle Tool fica na barra de ferramentas como indica a imagem abaixo.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/ferramenta_rectangle_tool.jpg\" \/><\/p>\n<p>Selecione o ret\u00e2ngulo desenhado e pressione F8 para converte-lo em simbolo. escolha a op\u00e7\u00e3o clipe de filme (Movie Clip) como mostra a figura abaixo.<br \/>\n<em>OBS.: O nome do s\u00edmbolo n\u00e3o \u00e9 relevante. <\/em><\/p>\n<p>Ap\u00f3s selecionar o ret\u00e2ngulo e pressionar a tecla F8 aparecer\u00e1 a janela mostrada a baixo.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Convers__o_Movie_Clip.jpg\" \/><\/p>\n<p>Basta escolher a op\u00e7\u00e3o Movie Clip e clicar no bot\u00e3o OK para converter em Movie Clip.<\/p>\n<p>Com o ret\u00e2ngulo novamente selecionado, v\u00e1 at\u00e9 a barra de propriedades e no campo color escolha a op\u00e7\u00e3o \u201cAlpha\u201d e deixe alpha = 0. <\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Alpha_1.jpg\" \/><\/p>\n<p>Clique no frame 1 da layer1 com o bot\u00e3o direito e escolha a op\u00e7\u00e3o \u201cActions\u201d.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Actions.jpg\" \/><\/p>\n<p>Na paleta Actions desative o script Assist para que possa digitar o script. <\/p>\n<p>Para desativar o Script Assist basta clicar no bot\u00e3o Script Assist indicado na imagem abaixo.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Script_Assist.jpg\" \/><\/p>\n<p>Digite na \u00e1rea indicada o c\u00f3digo abaixo:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.mprinformatica.com.br\/blog\/wp-content\/photos\/Escrever_c__digo_copy.jpg\" \/><\/p>\n<p><strong>* Explicando o c\u00f3digo utilizado acima: <\/strong><br \/>\nbanner = random (3) + 1; \/\/ Nessa linha de c\u00f3digo declaro uma vari\u00e1vel chamada \u201cbanner\u201d que ser\u00e1 escolhida aleatoriamente atrav\u00e9s do comando \u201crandom\u201d um entre os 3 banners que eu tenha feito, onde ser\u00e1 exibido um por vez.<\/p>\n<p>loadMovieNum(banner+\u201d.swf\u201d,1); \/\/ Com esse comando eu carrego meus banners com extens\u00e3o .swf para o n\u00edvel 1, ou seja para o n\u00edvel principal.<\/p>\n<p>Salve esse arquivo na mesma pasta que os outros e pressione Ctrl+Enter para ver o resultado final do seu projeto antes de export\u00e1-lo. <\/p>\n<p>Feche o arquivo visualizado e pressione Ctrl+Enter novamente para carregar outro banner. <\/p>\n<p>Andr\u00e9 Lanzillotta<br \/>\n<a href=\"http:\/\/www.mprinformatica.com.br\/flash.html\">Clique aqui &#8211; Curso de Flash &#8211; MPR Inform\u00e1tica<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Objetivo: Colocar na p\u00e1gina da internet um banner que ser\u00e1 trocado cada vez que a p\u00e1gina for atualizada. Crie tr\u00eas banners de sua prefer\u00eancia, sendo que todos devem ter a medida de 480px (largura) e 60px (altura). Para alterar o tamanho do palco clique uma vez no local indicado abaixo e coloque o tamanho desejado. &hellip; <a href=\"https:\/\/www.mprinformatica.com.br\/blog\/2009\/04\/08\/banner-rotativo\/\" class=\"more-link\">Continuar lendo <span class=\"screen-reader-text\">Banner Rotativo<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts\/555"}],"collection":[{"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":0,"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/posts\/555\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/categories?post=555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mprinformatica.com.br\/blog\/wp-json\/wp\/v2\/tags?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}