Button Maker

O Button Maker é um serviço online para você criar seus próprios botões em formato CSS. O aplicativo disponibiliza apenas um modelo que pode ser alterado para adequar-se ao que você está precisando, sem requerer conhecimentos em programação ou em CSS. Adicionalmente, ele disponibiliza o código de seu trabalho.

A interface do programa divide-se em dois setores. Ao lado esquerdo está o objeto para edição, que é o modelo propriamente dito.  À direita estão disponíveis os elementos para alteração do protótipo conforme necessário. As três barras de rolagem tem a função de dimensionamento do botão, basta movê-las até que o elemento fique no tamanho adequado.

Logo abaixo das barras de dimensionamento estão disponíveis as opções que alteram as cores do botão e àquelas que devem ser aplicadas quando um evento é disparado (o usuário clicar nele, por exemplo). Você pode alterar as cores do objeto, cores de contorno, cor do texto, cor de fundo ativo, cor de exibição ao clique (do botão e do texto).

Adicionalmente é possível modificar a fonte utilizada no texto, selecionando entre uma das três opções disponibilizadas pelo serviço (Lucida Grande, Helvetica e Georgia). Para obter o código CSS do botão criado, clique sobre ele, que está com o texto “View the CSS” exibido. Uma nova janela é aberta na qual é possível copiá-lo.