buttons: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(added a button and cleaned up the page)
(added loads of new buttons)
Line 7: Line 7:
=== [[hcalendar|hCalendar]] ===
=== [[hcalendar|hCalendar]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_hcal.png
* http://mirror.oogynetworks.com/microformats/buttons/mf_hcal.png
* CSS button [http://www.midgard-project.org/community/events/ from Midgard CMS - Event calendar]:  
* CSS-powered badge [http://www.midgard-project.org/community/events/ from Midgard CMS - Event calendar]:  


<span class="badge" style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1.0em 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>
<span class="badge" style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1.0em 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>


Code (white space added for readability):
Code (white space added for readability):
Line 27: Line 28:


=== [[hcard|hCard]] ===
=== [[hcard|hCard]] ===
* http://www.crowley.nl/images/hcard.png (mirror: http://www.davidjanes.com/images/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/Misc/Volatile/hCard.gif
* CSS-powered badge, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]
* CSS-powered badge, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]
=== [[rel-license]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-license.png
=== [[rel-nofollow]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-nofollow.png
=== [[rel-tag]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_rel-tag.png
=== [[vote-links|VoteLinks]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_votelinks.png
=== [[http://gmpg.org/xfn/|XFN]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_xfn.png
=== [[http://gmpg.org/xmdp/|XMDP]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_xmdp.png
=== [[xoxo|XOXO]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_xoxo.png


== Logos ==
== Logos ==

Revision as of 19:36, 14 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

Badges

hCalendar

››› hCalendar


Code (white space added for readability):

<span class="badge" 
      style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1.0em 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

rel-nofollow

  • mf_rel-nofollow.png

rel-tag

  • mf_rel-tag.png

VoteLinks

  • mf_votelinks.png

[[1]]

  • mf_xfn.png

[[2]]

  • mf_xmdp.png

XOXO

  • mf_xoxo.png

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 and buttons for all microformats