buttons-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
mNo edit summary
Line 57: Line 57:
* http://www.boogdesign.com/images/buttons/microformat_hcard.png
* http://www.boogdesign.com/images/buttons/microformat_hcard.png


=== [[rel-license]] ===
=== [[rel-license-fr|rel-license]] ===
* http://rbach.priv.at/2006/buttons/license.png
* http://rbach.priv.at/2006/buttons/license.png
* http://www.boogdesign.com/images/buttons/microformat_rellicense.png
* http://www.boogdesign.com/images/buttons/microformat_rellicense.png


=== [[rel-nofollow]] ===
=== [[rel-nofollow-fr|rel-nofollow]] ===
* http://rbach.priv.at/2006/buttons/nofollow.png
* http://rbach.priv.at/2006/buttons/nofollow.png
* http://www.boogdesign.com/images/buttons/microformat_relnofollow.png
* http://www.boogdesign.com/images/buttons/microformat_relnofollow.png


=== [[rel-tag]] ===
=== [[rel-tag-fr|rel-tag]] ===
* http://rbach.priv.at/2006/buttons/rel-tag.png
* http://rbach.priv.at/2006/buttons/rel-tag.png
* http://rbach.priv.at/2006/buttons/tag.png
* http://rbach.priv.at/2006/buttons/tag.png
* http://www.boogdesign.com/images/buttons/microformat_reltag.png
* http://www.boogdesign.com/images/buttons/microformat_reltag.png


=== [[vote-links|VoteLinks]] ===
=== [[vote-links-fr|VoteLinks]] ===
* http://rbach.priv.at/2006/buttons/votelinks.png
* http://rbach.priv.at/2006/buttons/votelinks.png
* http://www.boogdesign.com/images/buttons/microformat_votelinks.png
* http://www.boogdesign.com/images/buttons/microformat_votelinks.png
Line 82: Line 82:
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png


=== [[xoxo|XOXO]] ===
=== [[xoxo-fr|XOXO]] ===
* http://rbach.priv.at/2006/buttons/xoxo.png
* http://rbach.priv.at/2006/buttons/xoxo.png
* http://www.boogdesign.com/images/buttons/microformat_xoxo.png
* http://www.boogdesign.com/images/buttons/microformat_xoxo.png
Line 90: Line 90:
Ceux-ci peuvent être sujets à modifications si les noms des formats changent quand ils seront publiés.
Ceux-ci peuvent être sujets à modifications si les noms des formats changent quand ils seront publiés.


=== [[adr]] ===
=== [[adr-fr|adr]] ===
* http://rbach.priv.at/2006/buttons/adr.png
* http://rbach.priv.at/2006/buttons/adr.png


=== [[geo]] ===
=== [[geo-fr|geo]] ===
* http://rbach.priv.at/2006/buttons/geo.png
* http://rbach.priv.at/2006/buttons/geo.png


=== [[hatom|hAtom]] ===
=== [[hatom-fr|hAtom]] ===
* http://rbach.priv.at/2006/buttons/hatom.png
* http://rbach.priv.at/2006/buttons/hatom.png


=== [[hresume|hResume]] ===
=== [[hresume-fr|hResume]] ===
* http://rbach.priv.at/2006/buttons/hresume.png
* http://rbach.priv.at/2006/buttons/hresume.png
* http://www.boogdesign.com/images/buttons/microformat_hresume.png
* http://www.boogdesign.com/images/buttons/microformat_hresume.png


=== [[hreview|hReview]] ===
=== [[hreview-fr|hReview]] ===
* http://rbach.priv.at/2006/buttons/hreview.png
* http://rbach.priv.at/2006/buttons/hreview.png


=== [[rel-directory]] ===
=== [[rel-directory-fr|rel-directory]] ===
* http://rbach.priv.at/2006/buttons/directory.png
* http://rbach.priv.at/2006/buttons/directory.png


=== [[rel-enclosure]] ===
=== [[rel-enclosure-fr|rel-enclosure]] ===
* http://rbach.priv.at/2006/buttons/enclosure.png
* http://rbach.priv.at/2006/buttons/enclosure.png


=== [[rel-home]] ===
=== [[rel-home-fr|rel-home]] ===
* http://rbach.priv.at/2006/buttons/rel-home.png
* http://rbach.priv.at/2006/buttons/rel-home.png
* http://rbach.priv.at/2006/buttons/home.png
* http://rbach.priv.at/2006/buttons/home.png


=== [[relpayment-research|rel-payment]] ===
=== [[relpayment-research-fr|rel-payment]] ===
* http://rbach.priv.at/2006/buttons/payment.png
* http://rbach.priv.at/2006/buttons/payment.png


=== [[robots-exclusion|Robots Exclusion]] ===
=== [[robots-exclusion-fr|Robots Exclusion]] ===
* http://rbach.priv.at/2006/buttons/robots.png
* http://rbach.priv.at/2006/buttons/robots.png


=== [[xfolk|xFolk]] ===
=== [[xfolk-fr|xFolk]] ===
* http://rbach.priv.at/2006/buttons/xfolk.png
* http://rbach.priv.at/2006/buttons/xfolk.png


Line 196: Line 196:
Le logo en-dessous sous PNG transparent (lié ici à partir de mon propre serveur ; si vous l'utilisez, copiez svp pour vous-même) :  
Le logo en-dessous sous PNG transparent (lié ici à partir de mon propre serveur ; si vous l'utilisez, copiez svp pour vous-même) :  


http://tools.synaesthetic.net/common/images/logos/microformats1.png
http://files.synaesthetic.net/public/microformats/microformats1.png  
 
=Wiki boutons=
Pour utilisation sur ce wiki.
*{{NewMarker-fr}} - <nowiki>{{NewMarker-fr}}</nowiki>
*{{SuccessMarker-fr}} - <nowiki>{{SuccessMarker-fr}}</nowiki>
*{{UpdateMarker-fr}} - <nowiki>{{UpdateMarker-fr}}</nowiki>
 


= Demandes  =
= Demandes  =


* Logos pour tous les microformats
* Logos pour tous les microformats

Revision as of 18:03, 26 March 2007

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 copiez-là chez votre hébergeur et ne faites pas de liens vers elle.

microformats.png

J'ai déjà un "J'utilise les microformats.png" sur mon 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 (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
  • 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

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

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

Style 3

Exemple : hatom.png

  1. Obtenez la police Silkscreen
  2. Installez ImageMagick
  3. Obtenez l'icône blanche (button2-blank.png)
  4. Saisissez :
convert button2-blank.png 
 -fill white 
 -font Silkscreen 
 -pointsize 8 
 +antialias  
 -draw "text 20,10 'button label'" 
 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

Le logo en-dessous sous PNG transparent (lié ici à partir de mon propre serveur ; si vous l'utilisez, copiez svp pour vous-même) :

microformats1.png

Wiki boutons

Pour utilisation sur ce wiki.

  • nouveau ! - {{NewMarker-fr}}
  • Succès ! - {{SuccessMarker-fr}}
  • mis à jour! - {{UpdateMarker-fr}}


Demandes

  • Logos pour tous les microformats