User:Yeti

Jump to: navigation, search

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>


norights-a.gifnorights-a.gif
Released into public domain

I agree to release all my text and image contributions (past, present and future), into the public domain*. Please be aware that other contributors might not have done the same, so if you want to use pages with my contributions under public domain terms, please check past contributors' user pages.

"^ Creative Commons Public Domain License, the original at http://creativecommons.org/licenses/publicdomain/ or any later version published by Creative Commons; with either a waiver of rights, or an assertion that no rights attach to a particular work."

Categories

User:Yeti was last modified: Thursday, September 11th, 2008

Views