buttons: Difference between revisions
Jump to navigation
Jump to search
m (Reverted edit of 1143370841, changed back to last version by Rohit) |
(added a button and cleaned up the page) |
||
| Line 3: | Line 3: | ||
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. - [http://tantek.com/log/ Tantek] | 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. - [http://tantek.com/log/ Tantek] | ||
== | == Badges == | ||
=== [[hcalendar|hCalendar]] === | === [[hcalendar|hCalendar]] === | ||
* http://mirror.oogynetworks.com/microformats/buttons/mf_hcal.png | |||
* CSS button [http://www.midgard-project.org/community/events/ from Midgard CMS - Event calendar]: | * CSS button [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;">›››</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;">›››</span> hCalendar</span> | ||
Code (white space added for readability): | Code (white space added for readability): | ||
| Line 20: | Line 15: | ||
<pre><nowiki> | <pre><nowiki> | ||
<span class="badge" | <span class="badge" | ||
style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1.0em 1px 0; border: 1px solid #000; | 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; | <span style="background: #000; border-right: 1px solid #000; color: #FFF; padding: 1px 0.75em; | ||
margin-right: 0.1em;"> | margin-right: 0.1em;"> | ||
| Line 30: | Line 26: | ||
</nowiki></pre> | </nowiki></pre> | ||
== | === [[hcard|hCard]] === | ||
[ | * http://www.crowley.nl/images/hcard.png (mirror: http://www.davidjanes.com/images/mf_hcard.png ) | ||
* 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] | |||
== 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 | http://microformats.org/img/logo.gif | ||
| Line 47: | Line 48: | ||
</div> | </div> | ||
== | == Requests == | ||
* | * Logos and buttons for all microformats | ||
Revision as of 19:30, 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
- 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>
hCard
(mirror: 
)
- CSS-powered badge, as evidenced at microformat badges @ re-run
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