Como criar botão em flash

segunda-feira, 5 de janeiro de 2009

Atenção, os botões não são em flash, apenas são parecidos.

Ninguém ainda me perguntou isso, pois acredito que a resposta é muito fácil, é só ter o programa de criação e manipulação de Flash. Pode até parecer beste, mas o que alguns não sabem é que a internet é fabulosa e você não necessariamente tem que possuir este programa para ter um botão em flash no seu blog ou site. O site a seguir é tão bem feito que os botões criados a partir de imagens parecem efeitos em flash. Você pode cria-los na vertical ou horizontal.

Há um site chamado Button Generator (em inglês) que disponibiliza varios botões e menus em JavaScript* para você personaliza-los e inseri-los em sua pág. Tudo o que você saber é a URL de destino, criando assim a navegação do mesmo. Atualmente o site dá opção de registro gratuíto e os membros podem fazer a personalização dos mais legais menus e botões.


Qual é o site?



Como utilizar?

Simples. Você está na primeira página, visualizando os modelos na prática como funcionam com links fictícios, repare que a página pode demorar um pouco se sua conexão for banda extreita (conexão discada) e os links interagem com você o tempo todo. Escolha um dos modelos, se você quiser mais, no final da página você encontra ainda uma continuação.

Logo abaixo do exemplo de menu, ha o nome dele e depois a frase "Click here to edit menu" que nada mais é do que "Clique aqui para editar o menu", então escolha o seu menu e clique nesta frase. Você será direcionado a parte de edição do menu, nesta parte você tem um prévia de como ele ficará e mais abaixo a frase "Text Labels and Links " em uma tabela, que é o local reservado para a edição. Na coluna Text Labels você reescreve os nomes dos botões por exemplo:
Button 1

-Sub-Button 1

-Sub-Button 2

Button 2

-Sub-Button 1

-Sub-Button 2


ficaria assim:

Home

-pág. principal

-contato

Outros

-Fotos

-Links (etc)


Na parte de Links, você insere link do botão (normalmente sub-buttons) e mais a frente o campo Target, significa o tipo que a página irá abrir seu link, ele poder ser por exemplo Blank (abrir em outra página), mas há outros, e se você não souber qual ou o que colocar, não coloque nada, o site entenderá que ele pode abrir na mesma página(o que é mais indicado).

Há também a opção avançada de personalização clicando no topo da pág em Choose a mode > advanced form, então você poderá mudar a cor do seu botão e em alguns casos a fonte da letra também.

Depois de determinar cada passo, é hora de gerar o seu novo menu de navegação e botão, clicando em 'Click here to generate your menu', visualize seu novo butão na prática e se estiver tudo OK, selecione o código do seu menu e cole-o na sua página.

*Postagem alterada em 16 de Outubro de 2009. O leitor helder comentou que os menus são em JS e não em flash como pensavamos e fizemos a correção.

6 comentários:

  1. Adorei o comentário, ja mudei.Agora passa lá para ver se deu uma melhoradinha.Obrigado pela dica,e fiz um atrevimento: peguei seu link, porque quando fui montar o meu humilde blog, não achei nada que pudesse me ajudar.
    Valeuuuu!!!!!!
    Ma

    ResponderExcluir
  2. É o que eu tenho feito, ido em sites específicos que fazem o que quero. Porque aprender o Photoshop inteirinho é muito chato.

    Eu pus seu banner, ponha o meu? Beijos!

    ResponderExcluir
  3. Oiii vlw por passar la no mynothing aki ta bem legal..
    num lembro mto do antigo lay mas esse ficou bem legal, combinou com o blog..! agora to fazendo lay pra blogspot, ô negocio complikdoo.. c sab me dize se o blogspot tem contador de visitas proprio ou eu vo te q pega algum free por ai?!
    Bjinhu'z e sucesso ae com o blog! =)

    ResponderExcluir
  4. gostei do teu blog, mas será que podias colar ai como se faz para colocar uma aplicação flash em uma menssagem. agradecia!

    ResponderExcluir
  5. oi, esta o maximo a sua postagem, mas deixo para dizer que os botoes nao sao em flash mas sim em java script...

    ResponderExcluir

Use este espaço para perguntar, questionar ou dar algum complemento sobre o artigo em questão. Todos os comentários publicados no Arruma Blog são de inteira responsabilidade dos seus respectivos autores. A finalidade do comentário é proporcionar ao leitor o poder de resposta sobre a postagem apenas. Neste campo não será aprovado comentários para publicar link e/ou material com conteúdo pornográfico de qualquer espécie, discriminatório ou ofensivo de qualquer natureza; que enviar informações sobre atividades ilegais e/ou incitar crimes ou violência. Para finalidades comerciais ou contato direto com o autor damos a opção de 'entrar em contato no topo da página'.

É expressamente proibido utilizar o espaço de comentários para engajar-se em atividades de cunho comercial, como vender produtos, procurar anunciantes e patrocinadores, divulgar informações pessoais de contato, além de veicular banners de qualquer espécie. Também serão apagados comentários de auto-promoção ou que não sejam pertinentes ao artigo em questão.

Todos os comentários são moderados e poderão ser excluídos caso sejam considerados inadequados, ofensivos ou alheios ao objetivo do blog. Este é blog é protegido pela lei de direitos autorais vigente no Brasil.


















 
Arruma Blog © 2009 - 2013 | Desenhado por Bubble Shooter | Direitos reservados | Obrigado pela visita