buttons

(Difference between revisions)

Jump to: navigation, search
m (Microformats Logos: correction)
m (Buttons: button not banner)
Line 22: Line 22:
== Buttons ==
== Buttons ==
-
=== Microformat Banner ===
+
=== Microformat Button ===
-
I've made a banner for microformats. Since there are so many microformats and with more to come, just indicating support/ use of might be a good generic approach. The image is free to use. Please copy it to your own hosting account and not link to it.
+
I've made a button for microformats. Since there are so many microformats and with more to come, just indicating support/ use of might be a good generic approach. The image is free to use. Please copy it to your own hosting account and not link to it.
http://www.crowley.nl/images/microformats.png
http://www.crowley.nl/images/microformats.png

Revision as of 13:55, 31 March 2007

Microformats Buttons

There have been requests for buttons for various microformats. Either badges, or buttons that do something with the specific microformats. This page keeps a list of buttons, and requests as well. - Tantek

Added hosted buttons for all the microformats, including the draft ones, as well as instructions on how to make your own buttons. (14 May 2006) - Ruben

Licensing

If you add links to buttons you have designed, please also include a statement that you do one of the following:

Thank you.

Contents


Buttons

Microformat Button

I've made a button for microformats. Since there are so many microformats and with more to come, just indicating support/ use of might be a good generic approach. The image is free to use. Please copy it to your own hosting account and not link to it.

microformats.png

I already have a "I use microformats.png" on my blog: http://doncrowley.blogspot.com/

- Don Crowley

hCalendar

››› hCalendar


Code (white space added for readability):

<span class="badge" 
      style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1em 1px 0;
      border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
      text-align: center;">
 <span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em; 
       margin-right: 0.1em;">
 &#8250;&#8250;&#8250;
 </span> 
 hCalendar
</span>

hCard

rel-license

rel-nofollow

rel-tag

VoteLinks

XFN

XMDP

XOXO

Buttons for draft formats

These may be subject to change if the names of the formats change when they are released.

adr

geo

hAtom

hResume

hReview

rel-directory

rel-enclosure

rel-home

rel-payment

Robots Exclusion

xFolk

Make your own buttons

Style 1

Example: hcard.png

Use the Kalsey Button Maker with the following settings:

Style 2

Example: hcal.png

  1. Get the font Silkscreen
  2. Install ImageMagick
  3. Get the blank icon (blank.png)
  4. Type:
convert blank.png 
 -fill white 
 -font Silkscreen 
 -pointsize 8 
 +antialias  
 -draw "text 28,10 'button label'" 
 output.png

Style 3

Example: hatom.png

  1. Get the font Silkscreen
  2. Install ImageMagick
  3. Get the blank icon (button2-blank.png)
  4. Type:
convert button2-blank.png 
 -fill white 
 -font Silkscreen 
 -pointsize 8 
 +antialias  
 -draw "text 20,10 'button label'" 
 output.png

Microformats Logos

Rohit is a very poor CSS hacker, but gave it his best shot. He also rendered it at 72 and 18 points.

logo.gif

microformats

The following logo as a transparent PNG (linked here from my own server; if you use it, please copy it for yourself):

microformats1.png

Palette

#AEE219
#85BC07
#679A06

Wiki buttons

For use on this wiki.

Requests

buttons was last modified: Wednesday, December 31st, 1969

Views