buttons: Difference between revisions
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
- (mirror: )
- CSS-powered badge, as evidenced at microformat badges @ re-run
hCalendar
- CSS button from Midgard CMS - Event calendar:
››› 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;"> ››› </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.
microformats
requests
- logos and buttons for all microformats