buttons-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (updating)
Line 18: Line 18:


=== [[hcalendar|hCalendar]] ===
=== [[hcalendar|hCalendar]] ===
* http://mirror.oogynetworks.com/microformats/buttons/mf_hcal.png
* http://rbach.priv.at/2006/buttons/hcal.png
* http://rbach.priv.at/2006/buttons/hcal.png
* bouton CSS-powered tiré de [http://www.midgard-project.org/community/events/ Midgard CMS - Event calendar]:  
* bouton CSS-powered tiré de [http://www.midgard-project.org/community/events/ calendrier événement Midgard CMS] :  


<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>
<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>

Revision as of 16:34, 18 September 2006

Boutons Microformats

Il y a eu quelques demandes pour des boutons destinés à différents microformats. Soit des badges ou des boutons qui font quelque chose avec les microformats spécifiques. Cette page maintient une liste de boutons tout comme des requêtes. - Tantek

Ajouté des boutons hébergés pour tous les micro-formats, y compris les brouillons, tout comme les instructions pour savoir comment fabriquer vos propres boutons. (14 mai 2006) - Ruben

Boutons

Bannière Microformat

J'ai produit une bannière pour les microformats. Parce qu'il existe beaucoup de microformats et encore plus à venir, indiquer simplement le support / utilisation des microformats pourrait être une bonne approche. L'image est libre d'utilisation. SVP copier là chez votre hébergeur et ne faites pas de liens vers elle.

microformats.png

J'ai déjà un "I use microformats.png" sur mon blog: http://doncrowley.blogspot.com/

- Don Crowley

hCalendar

››› hCalendar


Code (espace blanc ajouté pour la lisibilité) :

<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

rel-nofollow

  • nofollow.png

rel-tag

  • rel-tag.png
  • tag.png

VoteLinks

  • votelinks.png

XFN

  • xfn.png

XMDP

  • xmdp.png

XOXO

  • xoxo.png

Boutons pour les formats brouillons

Ceux-ci peuvent être sujets à modifications si les noms des formats changent quand ils seront publiés.

adr

  • adr.png

geo

  • geo.png

hAtom

  • hatom.png

hResume

  • 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

Faites vos propres boutons

Style 1

Exemple : hcard.png

Utilisez le Kalsey Button Maker avec les réglages suivants :

  • Outer border: #666666
  • Inner border: #ffffff
  • Bar position: 25 pixels from the left
  • Left box text: >>>
  • Left box background: #000000
  • Left box text colour: #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 colour: #ffffff
  • Right box text start: 3 pixels from the bar

Style 2

Exemple : hcal.png

  1. Téléchargez le Silkscreen de fonte
  2. Installez ImageMagick
  3. Obtenez l'icône blanche (blank.png)
  4. Ouvrez la ligne de commande de votre machine (dos ou autre) et saisissez :
convert blank.png 
 -fill white 
 -font Silkscreen 
 -pointsize 8 
 +antialias  
 -draw "text 28,10 'étiquette-bouton'" 
 output.png

Microformats Logos

Rohit est un très pauvre hacker CSS, mais il lui a donné son meilleur shot. Il l'a aussi restitué en 72 et 18 points.

logo.gif

microformats

Requêtes

  • Logos pour tous les microformats