Pequenos botões ("buttons")

Posted by Mac² on 19/05/2007

Um dos pequenos gráficos que gosto de ver em blogs (ou blogues) ou em outras páginas online são aqueles pequenos botões de apoio, ligação, informação, etc., cujo tamanho ronda os 80×15 pixeis. Podem ver exemplos nas imagem abaixo:

(Fonte: George Taylor McKnight)

Podemos copiar estas imagens e usá-las nas nossas páginas (eventualmente incluindo ligações a partir delas). Por exemplo, podemos incluir o botão Portugal e, paralelamente, codificar uma ligação em html para o sítio na net correspondente: http://www.portugal.org.

Essencialmente o que estamos a fazer é incluir uma referência na net e dar-lhe uma pequena imagem em vez de escrevermos o nome do sítio. (Podemos usar imagens maiores de forma semelhante, mas essas ficam um pouco grandes de mais numa barra lateral dum blog; ver exemplo na barra aqui no  Mac²).

No caso do botão de Portugal a codificação html é:

Acontece que muitas vezes os botões que pretendemos não existem na net, pelo que temos que os fazer. Para isso podemos usar um programa como o Photoshop, o Illustrator, o Inkscape, o ZeusDraw ou o Lineform (etc., etc.), ou podemos recorrer a um sítio online que automatize essa tarefa. Esse é o caso do 80×15 Brilliant Button Maker.

Neste caso inserimos os critérios que queremos para o nosso botão: imagens, cores, texto, etc. e — voilá — o nosso botão está pronto a utilizar.