Difference between revisions of "buttons"

From Microformats Wiki
buttons
Jump to navigation Jump to search
m
m (Added buttons)
Line 9: Line 9:
 
=== [[hcalendar|hCalendar]] ===
 
=== [[hcalendar|hCalendar]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_hcal.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_hcal.png
 +
* http://rbach.priv.at/2006/buttons/hcal.png
 
* CSS-powered button from [http://www.midgard-project.org/community/events/ Midgard CMS - Event calendar]:  
 
* CSS-powered button from [http://www.midgard-project.org/community/events/ Midgard CMS - Event calendar]:  
  
Line 31: Line 32:
 
=== [[hcard|hCard]] ===
 
=== [[hcard|hCard]] ===
 
* http://www.crowley.nl/images/hcard.png (mirrors: http://www.davidjanes.com/images/mf_hcard.png , http://mirror.oogynetworks.com/microformats/buttons/mf_hcard.png )
 
* http://www.crowley.nl/images/hcard.png (mirrors: http://www.davidjanes.com/images/mf_hcard.png , http://mirror.oogynetworks.com/microformats/buttons/mf_hcard.png )
* http://rbach.priv.at/Misc/Volatile/hCard.gif
+
* http://rbach.priv.at/2006/buttons/hcard.png
 
* CSS-powered button, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]
 
* CSS-powered button, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]
  
 
=== [[rel-license]] ===
 
=== [[rel-license]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-license.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-license.png
 +
* http://rbach.priv.at/2006/buttons/license.png
  
 
=== [[rel-nofollow]] ===
 
=== [[rel-nofollow]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-nofollow.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-nofollow.png
 +
* http://rbach.priv.at/2006/buttons/nofollow.png
  
 
=== [[rel-tag]] ===
 
=== [[rel-tag]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-tag.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-tag.png
 +
* http://rbach.priv.at/2006/buttons/rel-tag.png
 +
* http://rbach.priv.at/2006/buttons/tag.png
  
 
=== [[vote-links|VoteLinks]] ===
 
=== [[vote-links|VoteLinks]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_votelinks.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_votelinks.png
 +
* http://rbach.priv.at/2006/buttons/votelinks.png
  
 
=== [http://gmpg.org/xfn/ XFN] ===
 
=== [http://gmpg.org/xfn/ XFN] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_xfn.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_xfn.png
 +
* http://rbach.priv.at/2006/buttons/xfn.png
  
 
=== [http://gmpg.org/xmdp/ XMDP] ===
 
=== [http://gmpg.org/xmdp/ XMDP] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_xmdp.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_xmdp.png
 +
* http://rbach.priv.at/2006/buttons/xmdp.png
  
 
=== [[xoxo|XOXO]] ===
 
=== [[xoxo|XOXO]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_xoxo.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_xoxo.png
 +
* http://rbach.priv.at/2006/buttons/xoxo.png
  
 
== Buttons for draft formats ==
 
== Buttons for draft formats ==
Line 61: Line 70:
 
=== [[adr]] ===
 
=== [[adr]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_adr.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_adr.png
 +
* http://rbach.priv.at/2006/buttons/adr.png
  
 
=== [[geo]] ===
 
=== [[geo]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_geo.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_geo.png
 +
* http://rbach.priv.at/2006/buttons/geo.png
  
 
=== [[hatom|hAtom]] ===
 
=== [[hatom|hAtom]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_hatom.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_hatom.png
 +
* http://rbach.priv.at/2006/buttons/hatom.png
  
 
=== [[hresume|hResume]] ===
 
=== [[hresume|hResume]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_hresume.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_hresume.png
 +
* http://rbach.priv.at/2006/buttons/hresume.png
  
 
=== [[hreview|hReview]] ===
 
=== [[hreview|hReview]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_hreview.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_hreview.png
 +
* http://rbach.priv.at/2006/buttons/hreview.png
  
 
=== [[rel-directory]] ===
 
=== [[rel-directory]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-directory.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-directory.png
 +
* http://rbach.priv.at/2006/buttons/directory.png
  
 
=== [[rel-enclosure]] ===
 
=== [[rel-enclosure]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-enclosure.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-enclosure.png
 +
* http://rbach.priv.at/2006/buttons/enclosure.png
  
 
=== [[rel-home]] ===
 
=== [[rel-home]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-home.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-home.png
 +
* http://rbach.priv.at/2006/buttons/rel-home.png
 +
* http://rbach.priv.at/2006/buttons/home.png
  
 
=== [[relpayment-research|rel-payment]] ===
 
=== [[relpayment-research|rel-payment]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-payment.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_rel-payment.png
 +
* http://rbach.priv.at/2006/buttons/payment.png
  
 
=== [[robots-exclusion|Robots Exclusion]] ===
 
=== [[robots-exclusion|Robots Exclusion]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_robots-exclusion.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_robots-exclusion.png
 +
* http://rbach.priv.at/2006/buttons/robots.png
  
 
=== [[xfolk|xFolk]] ===
 
=== [[xfolk|xFolk]] ===
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_xfolk.png
 
* http://mirror.oogynetworks.com/microformats/buttons/mf_draft_xfolk.png
 +
* http://rbach.priv.at/2006/buttons/xfolk.png
  
 
== Make your own buttons ==
 
== Make your own buttons ==

Revision as of 10:55, 21 May 2006

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

Buttons

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"

  • mf_rel-license.png
  • license.png

rel="nofollow"

  • mf_rel-nofollow.png
  • nofollow.png

rel="tag"

  • mf_rel-tag.png
  • rel-tag.png
  • tag.png

VoteLinks

  • mf_votelinks.png
  • votelinks.png

XFN

  • mf_xfn.png
  • xfn.png

XMDP

  • mf_xmdp.png
  • xmdp.png

XOXO

  • mf_xoxo.png
  • xoxo.png

Buttons for draft formats

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

adr

  • mf_draft_adr.png
  • adr.png

Geo

  • mf_draft_geo.png
  • geo.png

hAtom

  • mf_draft_hatom.png
  • hatom.png

hResume

  • mf_draft_hresume.png
  • hresume.png

hReview

  • mf_draft_hreview.png
  • hreview.png

rel-directory

  • mf_draft_rel-directory.png
  • directory.png

rel="enclosure"

  • mf_draft_rel-enclosure.png
  • enclosure.png

rel="home"

  • mf_draft_rel-home.png
  • rel-home.png
  • home.png

rel-payment

  • mf_draft_rel-payment.png
  • payment.png

Robots Exclusion

  • mf_draft_robots-exclusion.png
  • robots.png

xFolk

  • mf_draft_xfolk.png
  • xfolk.png

Make your own buttons

Use the Kalsey Button Maker with the following settings:

  • Outer border: #666666
  • Inner border: #ffffff
  • Bar position: 25 pixels from the left
  • Left box text: >>>
  • Left box background: #000000
  • Left box text colour: #ffffff
  • Left box text start: 7 pixels from the left
  • Right box text: (The name of the microformat goes here)
  • Right box background: #31757b
  • Right box text colour: #ffffff
  • Right box text start: 3 pixels from the bar

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

Requests

  • Logos for all microformats