buttons-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (acracvin)
Line 1: Line 1:
lizeltaco
<h1> Boutons Microformats </h1>
<h1> Boutons Microformats </h1>


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. - [http://tantek.com/log/ Tantek]
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. - [http://tantek.com/log/ 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) - [http://www.wackomenace.co.uk/ Ruben]
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) - [http://www.wackomenace.co.uk/ Ruben]


==Licences==
==Licences==
Si vous ajoutez des liens vers des boutons que vous avez conçus, '''incluez aussi une déclaration''' que vous suivez une des règles suivantes :  
Si vous ajoutez des liens vers des boutons que vous avez conçus, '''incluez aussi une déclaration''' que vous suivez une des règles suivantes :  
* publiez-les dans le domaine public
* publiez-les dans le domaine public
* détenez le copyright, mais publiez les droits d'utilisation
* détenez le copyright, mais publiez les droits d'utilisation
* licenciez-les sous une licence spécifiée libre, par exemple imaginez utiliser une licence  [http://creativecommons.org/ Creative Commons] telle que la [http://creativecommons.org/licenses/by/3.0 cc-by-3.0].
* licenciez-les sous une licence spécifiée libre, par exemple imaginez utiliser une licence  [http://creativecommons.org/ Creative Commons] telle que la [http://creativecommons.org/licenses/by/3.0 cc-by-3.0].


Merci.
Merci.
* Les images ci-dessous hébergées par boogdesign.com sont disponibles sous [http://creativecommons.org/licenses/by/2.0/ licence CC Attribution 2.0], voir [http://www.boogdesign.com/buttons.html ma page boutons] pour les fichiers Photoshop si vous en avez besoin. - Rob Crowther
* Les images ci-dessous hébergées par boogdesign.com sont disponibles sous [http://creativecommons.org/licenses/by/2.0/ licence CC Attribution 2.0], voir [http://www.boogdesign.com/buttons.html ma page boutons] pour les fichiers Photoshop si vous en avez besoin. - Rob Crowther
* Les images ci-dessous hébergées chez rbach.priv.at sont disponibles sous licence [http://creativecommons.org/licenses/by/3.0 cc-by-3.0]. - [[User:RobertBachmann|Robert Bachmann]]
* Les images ci-dessous hébergées chez rbach.priv.at sont disponibles sous licence [http://creativecommons.org/licenses/by/3.0 cc-by-3.0]. - [[User:RobertBachmann|Robert Bachmann]]
* Les images ci-dessous hébergées chez synaesthetic.net sont disponibles sous la licence [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0]. -- [[User:Kwilson|Kenn Wilson]]
* Les images ci-dessous hébergées chez synaesthetic.net sont disponibles sous la licence [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0]. -- [[User:Kwilson|Kenn Wilson]]


__TOC__
__TOC__
Line 21: Line 22:
== Boutons ==
== Boutons ==
=== Bouton Microformat ===
=== Bouton Microformat ===
J'ai produit un bouton 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-chez votre hébergeur et ne faites pas de liens vers elle.
J'ai produit un bouton 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.


http://www.crowley.nl/images/microformats.png
http://www.crowley.nl/images/microformats.png


J'ai déjà un "J'utilise les   
J'ai déjà un "J'utilise les   
http://www.crowley.nl/images/microformats.png" sur mon blog: http://doncrowley.blogspot.com/
http://www.crowley.nl/images/microformats.png" sur mon blog: http://doncrowley.blogspot.com/


Line 45: Line 46:
* http://rbach.priv.at/2006/buttons/hcal.png
* http://rbach.priv.at/2006/buttons/hcal.png
* http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
* http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
* bouton CSS-powered tiré de [http://www.midgard-project.org/community/events/ calendrier événement Midgard CMS] :  
* 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>




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


<pre><nowiki>
<pre><nowiki>
Line 67: Line 68:
=== [[hcard|hCard]] ===
=== [[hcard|hCard]] ===
* http://www.crowley.nl/images/hcard.png (miroir : http://www.davidjanes.com/images/mf_hcard.png )* http://rbach.priv.at/2006/buttons/hcard.png
* http://www.crowley.nl/images/hcard.png (miroir : http://www.davidjanes.com/images/mf_hcard.png )* http://rbach.priv.at/2006/buttons/hcard.png
* bouton CSS-powered comme mis en évidence [http://re-run.com/about/microformat-badges microformat badges @ re-run]
* bouton CSS-powered comme mis en évidence [http://re-run.com/about/microformat-badges microformat badges @ re-run]
* http://www.boogdesign.com/images/buttons/microformat_hcard.png
* http://www.boogdesign.com/images/buttons/microformat_hcard.png


Line 102: Line 103:


=== Styles CSS pour microformats===
=== Styles CSS pour microformats===
Je ne suis pas certain si ceci peut être sous les boutons, mais ne sais pas le poser ailleurs. Ceci est une feuille de style contenant des styles pour la plupart des microformats. Et c'est automatique. Je l'ai publiée sous la cc by-sa. Notez svp que je suis nouveau sur les microformats et que si vous pouvez l'améliorer, faites-le svp. [[User:Mac Lover|Mac Lover]] 13:25, 13 Apr 2007 (PDT)
Je ne suis pas certain si ceci peut être sous les boutons, mais ne sais pas où le poser ailleurs. Ceci est une feuille de style contenant des styles pour la plupart des microformats. Et c'est automatique. Je l'ai publiée sous la cc by-sa. Notez svp que je suis nouveau sur les microformats et que si vous pouvez l'améliorer, faites-le svp. [[User:Mac Lover|Mac Lover]] 13:25, 13 Apr 2007 (PDT)


[http://creativecommons.org/licenses/by-sa/3.0/us/ Licence]
[http://creativecommons.org/licenses/by-sa/3.0/us/ Licence]
Line 110: Line 111:
== Boutons pour les formats brouillons ==
== Boutons pour les formats brouillons ==


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-fr|adr]] ===
=== [[adr-fr|adr]] ===
Line 151: Line 152:
Exemple : http://www.crowley.nl/images/hcard.png  
Exemple : http://www.crowley.nl/images/hcard.png  


Utilisez le [http://kalsey.com/tools/buttonmaker/ Kalsey Button Maker] avec les réglages suivants :
Utilisez le [http://kalsey.com/tools/buttonmaker/ Kalsey Button Maker] avec les réglages suivants :
* Outer border: #666666
* Outer border: #666666
* Inner border: #ffffff
* Inner border: #ffffff
Line 167: Line 168:
Exemple : http://rbach.priv.at/2006/buttons/hcal.png
Exemple : http://rbach.priv.at/2006/buttons/hcal.png


# Téléchargez le [http://www.kottke.org/plus/type/silkscreen/ Silkscreen] de fonte
# Téléchargez le [http://www.kottke.org/plus/type/silkscreen/ Silkscreen] de fonte
# Installez [http://www.imagemagick.org/ ImageMagick]
# Installez [http://www.imagemagick.org/ ImageMagick]
# Recevez l'icône blanche (http://rbach.priv.at/2006/buttons/blank.png)
# Recevez l'icône blanche (http://rbach.priv.at/2006/buttons/blank.png)
# Ouvrez la ligne de commande de votre machine (DOS ou autre) et saisissez :  
# Ouvrez la ligne de commande de votre machine (DOS ou autre) et saisissez :  
<pre>convert blank.png  
<pre>convert blank.png  
Line 176: Line 177:
  -pointsize 8  
  -pointsize 8  
  +antialias   
  +antialias   
  -draw "text 28,10 'étiquette-bouton'"  
  -draw "text 28,10 'étiquette-bouton'"  
  output.png
  output.png
</pre>
</pre>
Line 185: Line 186:
# Obtenez la police [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
# Obtenez la police [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
# Installez [http://www.imagemagick.org/ ImageMagick]
# Installez [http://www.imagemagick.org/ ImageMagick]
# Obtenez l'icône blanche (http://files.synaesthetic.net/microformats/button2-blank.png)
# Obtenez l'icône blanche (http://files.synaesthetic.net/microformats/button2-blank.png)
# Saisissez :  
# Saisissez :  
<pre>convert button2-blank.png  
<pre>convert button2-blank.png  
Line 198: Line 199:


= Microformats Logos =
= Microformats Logos =
Rohit est un très pauvre hacker CSS, mais il lui a donné son meilleur shot. Il  [http://labs.commerce.net/~rohit/µf-logo.html  l'a aussi restitué en 72 et 18 points.]  
Rohit est un très pauvre hacker CSS, mais il lui a donné son meilleur shot. Il  [http://labs.commerce.net/~rohit/µf-logo.html  l'a aussi restitué en 72 et 18 points.]  


http://microformats.org/img/logo.gif
http://microformats.org/img/logo.gif
Line 214: Line 215:
</div>
</div>


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://files.synaesthetic.net/public/microformats/microformats1.png  
http://files.synaesthetic.net/public/microformats/microformats1.png  

Revision as of 21:53, 19 December 2008

lizeltaco

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

Licences

Si vous ajoutez des liens vers des boutons que vous avez conçus, incluez aussi une déclaration que vous suivez une des règles suivantes :

  • publiez-les dans le domaine public
  • détenez le copyright, mais publiez les droits d'utilisation
  • licenciez-les sous une licence spécifiée libre, par exemple imaginez utiliser une licence Creative Commons telle que la cc-by-3.0.

Merci.

Boutons

Bouton Microformat

J'ai produit un bouton 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


Styles CSS pour microformats

Je ne suis pas certain si ceci peut être sous les boutons, mais ne sais pas où le poser ailleurs. Ceci est une feuille de style contenant des styles pour la plupart des microformats. Et c'est automatique. Je l'ai publiée sous la cc by-sa. Notez svp que je suis nouveau sur les microformats et que si vous pouvez l'améliorer, faites-le svp. Mac Lover 13:25, 13 Apr 2007 (PDT)

Licence Zip


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

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


Palette

#AEE219
#85BC07
#679A06

Wiki boutons

Pour utilisation sur ce wiki.

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


Demandes

  • Logos pour tous les microformats

Voir aussi