Difference between revisions of "buttons"

From Microformats Wiki
buttons
Jump to navigation Jump to search
m (Reverted edits by ABIDEEN10 (Talk) to last version by Tantek)
Line 1: Line 1:
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
<entry-title>Microformats Buttons</entry-title>
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
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]
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
==Licensing==
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
If you add <del>links to</del> buttons you have designed, '''please
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
*'''upload them to this wiki''' to guard against ending up with tons of broken images on this page
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
*'''also include a statement''' that you do one of the following:
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
**release them into the public domain
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
**hold copyright, but release all rights as to it use
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
**license them under a specified free license, e.g. consider using a [http://creativecommons.org/ Creative Commons] license, such as [http://creativecommons.org/licenses/by/3.0 cc-by-3.0].
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
Thank you.
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* Images below hosted at boogdesign.com are available under [http://creativecommons.org/licenses/by/2.0/ CC Attribution 2.0 License], see [http://www.boogdesign.com/buttons.html my buttons page] for the Photoshop files if you need them. - [[User:RobCrowther|Rob Crowther]]
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* Images below hosted at rbach.priv.at are available under [http://creativecommons.org/licenses/by/3.0 cc-by-3.0 license]. - [[User:RobertBachmann|Robert Bachmann]]
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* Images below hosted at hauntedpalace.net and flickr.com/photos.hauntedpalace (POSH logos and palette cheatsheet) are available under the [http://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 license]. &#8212; [[:User:CarlaHufstedler|Carla Hufstedler]]
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
== Buttons ==
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== Microformat Button ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
{{main|spread-microformats}}
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
Simple microformats logo-text:
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
small transparent PNG:
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
http://microformats.org/wiki/skins/Microformats/images/logo.gif
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
large transparent PNG:
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
http://simplebits.com/bits/microformats/microformats-logo.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
See [[spread-microformats]] for SVG and more.
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
I've made a button for microformats. Since there are so many microformats and with more to come, just indicating support/ use of might be a good generic approach. The image is free to use. Please copy it to your own hosting account and not link to it.
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
http://www.crowley.nl/images/microformats.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
I already have a "I use
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
http://www.crowley.nl/images/microformats.png" on my blog: http://doncrowley.blogspot.com/
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
- Don Crowley
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_enabled.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/emf_green.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/mfe_green.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/mwmf_green.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/smf_green.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/emf_white.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/mfe_white.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/mwmf_white.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/smf_white.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [[hcalendar|hCalendar]] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/hcal.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* CSS-powered button from [http://www.midgard-project.org/community/events/ Midgard CMS - Event calendar]:
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
<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>
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
Code (white space added for readability):
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
<pre><nowiki>
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
<span class="badge"
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
      style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1em 1px 0;
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
      border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
      text-align: center;">
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
<span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em;
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
      margin-right: 0.1em;">
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
&amp;#8250;&amp;#8250;&amp;#8250;
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
</span>
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
hCalendar
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
</span>
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
</nowiki></pre>
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [[hcard|hCard]] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.crowley.nl/images/hcard.png (mirror: http://www.davidjanes.com/images/mf_hcard.png)
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/hcard.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_hcard.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* CSS-powered button, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [[rel-license]] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/license.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_rellicense.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [[rel-nofollow]] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/nofollow.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_relnofollow.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [[rel-tag]] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/rel-tag.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/tag.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_reltag.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [[vote-links|VoteLinks]] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/votelinks.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_votelinks.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [http://gmpg.org/xfn/ XFN] ===
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://rbach.priv.at/2006/buttons/xfn.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
* http://www.boogdesign.com/images/buttons/microformat_xfn.png
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
 
MAKE GOD DO WHAT I WANT.MAKE ALLAH DO WHAT I WANT.PUT I TO HEAVEN GOD.PUT I TO HEAVEN ALLAH.
+
=== [http://gmpg.org/xmdp/ XMDP] ===
 +
* http://rbach.priv.at/2006/buttons/xmdp.png
 +
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png
 +
 
 +
=== [[xoxo|XOXO]] ===
 +
* http://rbach.priv.at/2006/buttons/xoxo.png
 +
* http://www.boogdesign.com/images/buttons/microformat_xoxo.png
 +
 
 +
===CSS Styles for microformats===
 +
I'm not sure wether this can be under buttons, but I don't know where else to put it. This is a stylesheet containing styles for most microformats. And, it's automatic. I release it under the cc by-sa. Please note that I am new to microformats, and if you can improve this, please do. [[User:Mac Lover|Mac Lover]] 13:25, 13 Apr 2007 (PDT)
 +
 
 +
[http://creativecommons.org/licenses/by-sa/3.0/us/ License]
 +
[http://alyosha.bendebury.net/microformat-css.zip Zip]
 +
 
 +
 
 +
== CSS Buttons ==
 +
As there are new microformats happening all the time I set about making a CSS button that looks like the ''handmade'' versions. This is the result.
 +
 
 +
The file with the CSS and the two images required (logo and background) can be downloaded from [http://thebeastlybeasts.co.uk/css/microformat_css.zip The Beastly Beasts].
 +
 
 +
Extract the microformat directory and the files in it to /css so that you have:<br />
 +
/css/microformat/microformat.css<br />
 +
/css/microformat/background.png<br />
 +
/css/microformat/logo.png
 +
 
 +
If your paths are different a bit of editing is needed.
 +
 
 +
The XHTML to create a button is:
 +
<pre><tag class="microformat-button microformat-type"><span></span>microformat-type</tag></pre>
 +
 
 +
For example, an hCard button with a link to the spec:
 +
<pre><a href="http://microformats.org/wiki/hcard" title="Microformat enabled" class="microformat-button hcard"><span></span>hcard</a></pre>
 +
 
 +
== Buttons for draft formats ==
 +
 
 +
These may be subject to change if the names of the formats change when they are released.
 +
 
 +
=== [[adr]] ===
 +
* http://rbach.priv.at/2006/buttons/adr.png
 +
 
 +
=== [[geo]] ===
 +
* http://rbach.priv.at/2006/buttons/geo.png
 +
 
 +
=== [[hatom|hAtom]] ===
 +
* http://rbach.priv.at/2006/buttons/hatom.png
 +
 
 +
=== [[hresume|hResume]] ===
 +
* http://rbach.priv.at/2006/buttons/hresume.png
 +
* http://www.boogdesign.com/images/buttons/microformat_hresume.png
 +
 
 +
=== [[hreview|hReview]] ===
 +
* http://rbach.priv.at/2006/buttons/hreview.png
 +
 
 +
=== [[rel-directory]] ===
 +
* http://rbach.priv.at/2006/buttons/directory.png
 +
 
 +
=== [[rel-enclosure]] ===
 +
* http://rbach.priv.at/2006/buttons/enclosure.png
 +
 
 +
=== [[rel-home]] ===
 +
* http://rbach.priv.at/2006/buttons/rel-home.png
 +
* http://rbach.priv.at/2006/buttons/home.png
 +
 
 +
=== [[relpayment-research|rel-payment]] ===
 +
* http://rbach.priv.at/2006/buttons/payment.png
 +
 
 +
=== [[robots-exclusion|Robots Exclusion]] ===
 +
* http://rbach.priv.at/2006/buttons/robots.png
 +
 
 +
=== [[xfolk|xFolk]] ===
 +
* http://rbach.priv.at/2006/buttons/xfolk.png
 +
 
 +
== Make your own buttons ==
 +
=== Style 1 ===
 +
 
 +
Example: http://www.crowley.nl/images/hcard.png
 +
 
 +
Use the [http://kalsey.com/tools/buttonmaker/ Kalsey Button Maker] with the following settings:
 +
* Outer border: #666666
 +
* Inner border: #ffffff
 +
* Bar position: 25 pixels from the left
 +
* Left box text: &gt;&gt;&gt;
 +
* Left box background: #000000
 +
* Left box text color: #ffffff
 +
* Left box text start: 7 pixels from the left
 +
* Right box text: (The name of the microformat goes here)
 +
* Right box background: #31757b
 +
* Right box text color: #ffffff
 +
* Right box text start: 3 pixels from the bar
 +
 
 +
=== Style 2 ===
 +
 
 +
Example: http://rbach.priv.at/2006/buttons/hcal.png
 +
 
 +
# Get the font [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
 +
# Install [http://www.imagemagick.org/ ImageMagick]
 +
# Get the blank icon (http://rbach.priv.at/2006/buttons/blank.png)
 +
# Type:
 +
<pre>convert blank.png
 +
-fill white
 +
-font Silkscreen
 +
-pointsize 8
 +
+antialias 
 +
-draw "text 28,10 'button label'"
 +
output.png
 +
</pre>
 +
 
 +
= Microformats 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>
 +
 
 +
 
 +
== Palette ==
 +
 
 +
 
 +
<div style="background-color:#AEE219; width:8em; height: 4ex;">#AEE219</div>
 +
 
 +
<div style="background-color:#85BC07; width:8em; height: 4ex;">#85BC07</div>
 +
 
 +
<div style="background-color:#679A06; width:8em; height: 4ex;">#679A06</div>
 +
 
 +
<br />
 +
I created a cheatsheet using [http://bighugelabs.com/flickr/ Big Huge Lab]'s Badgemaker:<br />
 +
[http://flickr.com/photos/hauntedpalace/1296783076/ http://farm2.static.flickr.com/1231/1296783076_1d6fe8a1f8_m_d.jpg]
 +
--[[User:CarlaHufstedler|Carla]] 12:11, 1 Sep 2007 (PDT)
 +
 
 +
 
 +
 
 +
=Wiki buttons=
 +
For use on this wiki.
 +
*{{NewMarker}} - <nowiki>{{NewMarker}}</nowiki>
 +
*{{SuccessMarker}} - <nowiki>{{SuccessMarker}}</nowiki>
 +
*{{UpdateMarker}} - <nowiki>{{UpdateMarker}}</nowiki>
 +
 
 +
= Requests =
 +
 
 +
* Logos for all microformats
 +
 
 +
* When someone has time, these should be repeated on the page for each respective format.
 +
 
 +
==See also==
 +
 
 +
{{branding-see-also}}
 +
* <span class="POSH logos">[[posh#Spread_POSH|POSH logos and buttons]]</span>

Revision as of 04:51, 7 April 2013

<entry-title>Microformats Buttons</entry-title>

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

Licensing

If you add links to buttons you have designed, please

  • upload them to this wiki to guard against ending up with tons of broken images on this page
  • also include a statement that you do one of the following:
    • release them into the public domain
    • hold copyright, but release all rights as to it use
    • license them under a specified free license, e.g. consider using a Creative Commons license, such as cc-by-3.0.

Thank you.

Buttons

Microformat Button

Main article: Spread Microformats

Simple microformats logo-text:

small transparent PNG: logo.gif

large transparent PNG: microformats-logo.png

See Spread Microformats for SVG and more.

I've made a button for microformats. Since there are so many microformats and with more to come, just indicating support/ use of might be a good generic approach. The image is free to use. Please copy it to your own hosting account and not link to it.

microformats.png

I already have a "I use microformats.png" on my blog: http://doncrowley.blogspot.com/

- Don Crowley

  • microformat.png
  • microformat_enabled.png
  • emf_green.png
  • mfe_green.png
  • mwmf_green.png
  • smf_green.png
  • emf_white.png
  • mfe_white.png
  • mwmf_white.png
  • smf_white.png

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"

  • license.png
  • microformat_rellicense.png

rel="nofollow"

  • nofollow.png
  • microformat_relnofollow.png

rel="tag"

  • rel-tag.png
  • tag.png
  • microformat_reltag.png

VoteLinks

  • votelinks.png
  • microformat_votelinks.png

XFN

  • xfn.png
  • microformat_xfn.png

XMDP

  • xmdp.png
  • microformat_xmdp.png

XOXO

  • xoxo.png
  • microformat_xoxo.png

CSS Styles for microformats

I'm not sure wether this can be under buttons, but I don't know where else to put it. This is a stylesheet containing styles for most microformats. And, it's automatic. I release it under the cc by-sa. Please note that I am new to microformats, and if you can improve this, please do. Mac Lover 13:25, 13 Apr 2007 (PDT)

License Zip


CSS Buttons

As there are new microformats happening all the time I set about making a CSS button that looks like the handmade versions. This is the result.

The file with the CSS and the two images required (logo and background) can be downloaded from The Beastly Beasts.

Extract the microformat directory and the files in it to /css so that you have:
/css/microformat/microformat.css
/css/microformat/background.png
/css/microformat/logo.png

If your paths are different a bit of editing is needed.

The XHTML to create a button is:

<tag class="microformat-button microformat-type"><span></span>microformat-type</tag>

For example, an hCard button with a link to the spec:

<a href="http://microformats.org/wiki/hcard" title="Microformat enabled" class="microformat-button hcard"><span></span>hcard</a>

Buttons for draft formats

These may be subject to change if the names of the formats change when they are released.

adr

  • adr.png

Geo

  • geo.png

hAtom

  • hatom.png

hResume

  • hresume.png
  • microformat_hresume.png

hReview

  • hreview.png

rel-directory

  • directory.png

rel="enclosure"

  • enclosure.png

rel="home"

  • rel-home.png
  • home.png

rel-payment

  • payment.png

Robots Exclusion

  • robots.png

xFolk

  • xfolk.png

Make your own buttons

Style 1

Example: hcard.png

Use the Kalsey Button Maker with the following settings:

  • Outer border: #666666
  • Inner border: #ffffff
  • Bar position: 25 pixels from the left
  • Left box text: >>>
  • Left box background: #000000
  • Left box text color: #ffffff
  • Left box text start: 7 pixels from the left
  • Right box text: (The name of the microformat goes here)
  • Right box background: #31757b
  • Right box text color: #ffffff
  • Right box text start: 3 pixels from the bar

Style 2

Example: hcal.png

  1. Get the font Silkscreen
  2. Install ImageMagick
  3. Get the blank icon (blank.png)
  4. Type:
convert blank.png 
 -fill white 
 -font Silkscreen 
 -pointsize 8 
 +antialias  
 -draw "text 28,10 'button label'" 
 output.png

Microformats 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


Palette

#AEE219
#85BC07
#679A06


I created a cheatsheet using Big Huge Lab's Badgemaker:
1296783076_1d6fe8a1f8_m_d.jpg --Carla 12:11, 1 Sep 2007 (PDT)


Wiki buttons

For use on this wiki.

  • new! - {{NewMarker}}
  • Success! - {{SuccessMarker}}
  • updated! - {{UpdateMarker}}

Requests

  • Logos for all microformats
  • When someone has time, these should be repeated on the page for each respective format.

See also