Creare gli antipixel con Blogflux Button Maker

Gli antipixel sono quei bottoni, di solito di dimensione 80 x 15, che contengono due parole che spesso vedete in giro nelle pagine web. L'immagine qui a destra dovrebbe rendervi l'idea di cosa sto parlando.

Questo tipo di bottoni ha preso il nome dal blog del loro creatore, Antipixel di Jeremy Hedley, e da quando furono creati hanno letteralmente invaso il web grazie alla loro semplicità e poca occupazione di spazio. Cercando in giro, ho trovato che Andrea Beggi suggerisce che il post in cui furono annunciati per la prima volta sia questo.

Il Button Maker di Blogflux è uno strumento gratuito online che permette facilmente la creazione e personalizzazione degli antipixel.

Andate all'indirizzo http://tools.blogflux.com/buttonmaker/ e nella pagina che vi apparirà ci saranno tutte le opzioni per la creazione del vostro pulsante personalizzato:

 

In Left Block e Right Block possiamo inserire il testo (Text), il colore del testo (Color), il colore di sfondo (Background), l'allineamento del testo (Text Alignment) rispettivamente dell'area a sinistra e di quella a destra.

In Button Options possiamo scegliere il colore del bordo del pulsante (Border Color), il colore di sfondo (Background), l'allineamento della linea che divide le due aree di testo (Divider Alignment) e la dimensione del pulsante (Frame). E' possibile inserire le due dimensioni standard: 80 x 15 o 80 x 31. Una volta fatte le nostre scelte, basta cliccare su Generate Button per generare il nostro antipixel che potremo salvare con Save Image (o cliccando col tasto destro sull'immagine, scegliere "Salva immagine con nome..." o analogo).

Blogflux produce anche il codice html da usare per far sì che cliccando sull'antipixel si venga indirizzati direttamente al loro sito, tuttavia non è richiesto per l'utilizzo del servizio e quindi potete decidere di personalizzare il codice in maniera tale che punti, per esempio, al vostro blog, nel seguente modo:

<a href="INDIRIZZO DEL VOSTRO BLOG">
<img src="INDIRIZZO DELL'IMMAGINE" alt="DESCRIZIONE DEL LINK" style="width:80px;height:15px;border:none;">
</a>

Modificando il codice scritto in rosso con quanto necessario. Da notare che Blogflux non ospita le immagini generate quindi dovrete per forza salvarle e pubblicarle voi stessi.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!