buttons: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
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
* CSS-powered badge [http://www.midgard-project.org/community/events/ from Midgard CMS - Event calendar]:  
* CSS-powered badge from [http://www.midgard-project.org/community/events/ 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 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>




Line 21: Line 21:
       border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
       border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
       text-align: center;">
       text-align: center;">
  <span style="background: #000; border-right: 1px solid #000; color: #ff; padding: 1px 0.75em;  
  <span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em;  
       margin-right: 0.1em;">
       margin-right: 0.1em;">
  &amp;#8250;&amp;#8250;&amp;#8250;
  &amp;#8250;&amp;#8250;&amp;#8250;

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

I've added hosted badges for all the microformats and even the draft ones. (14 May 2006) - Ruben

Badges

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

rel-nofollow

  • mf_rel-nofollow.png

rel-tag

  • mf_rel-tag.png

VoteLinks

  • mf_votelinks.png

XFN

  • mf_xfn.png

XMDP

  • mf_xmdp.png

XOXO

  • mf_xoxo.png

Badges 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

geo

  • mf_draft_geo.png

hAtom

  • mf_draft_hatom.png

hResume

  • mf_draft_hresume.png

hReview

  • mf_draft_hreview.png

rel-directory

  • mf_draft_rel-directory.png

rel-enclosure

  • mf_draft_rel-enclosure.png

rel-home

  • mf_draft_rel-home.png

rel-payment

  • mf_draft_rel-payment.png

Robots Exclusion

  • mf_draft_robots-exclusion.png

xFolk

  • mf_draft_xfolk.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 for all microformats