Difference between revisions of "buttons"

From Microformats Wiki
buttons
Jump to navigation Jump to search
m (Reverted edit of PetaTom, changed back to last version by Tantek)
Line 29: Line 29:
 
</span>
 
</span>
 
</nowiki></pre>
 
</nowiki></pre>
 +
 +
==logos==
 +
[[Rohit]] is a very poor CSS hacker, but gave it his best shot. He also [http://labs.commerce.net/~rohit/µf-logo.html  rendered it at 72 and 18 points.]
 +
 +
http://microformats.org/img/logo.gif
 +
 +
<div style="position: relative; top:-46px; left:180px">
 +
<div style="background-color:#679A06; width:30px; height: 30px; left:1px; top:10px; position:absolute; -moz-border-radius:5pt;"></div>
 +
 +
<div style="background-color:#85BC07; width:22px; height: 22px; left:11.5px; top:6px; position:absolute; border-left: 2px solid white;border-bottom: 2px solid white; -moz-border-radius:4pt;"></div>
 +
 +
<div style="background-color:#AEE219; width:14px; height: 14px; left:22.5px; top:4px; position:absolute; border-left: 2px solid white;border-bottom: 2px solid white;-moz-border-radius:2pt;"></div>
 +
 +
<div style="font-family:Arial Narrow,Arial,sans-serif;font-size:17.5pt;letter-spacing:0px;color:#676767; position: absolute; left:44px; top: -6px">
 +
<span style="padding-left:9;color:#111111;vertical-align:40%">micro</span><span style="vertical-align:40%;padding-left:1pt">formats</span>
 +
</div>
 +
</div>
  
 
== requests ==
 
== requests ==
  
 
* logos and buttons for all microformats
 
* logos and buttons for all microformats

Revision as of 06:52, 9 January 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

hCard

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>

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