buttons-fr

2008-12-19T21:53:12Z

LivirOllar: acracvin

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

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==
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 [http://creativecommons.org/ Creative Commons] telle que la [http://creativecommons.org/licenses/by/3.0 cc-by-3.0].

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

__TOC__

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

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

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

- Don Crowley

* http://www.boogdesign.com/images/buttons/microformat.png
* http://www.boogdesign.com/images/buttons/microformat_enabled.png
* http://www.boogdesign.com/images/buttons/emf_green.png
* http://www.boogdesign.com/images/buttons/mfe_green.png
* http://www.boogdesign.com/images/buttons/mwmf_green.png
* http://www.boogdesign.com/images/buttons/smf_green.png
* http://www.boogdesign.com/images/buttons/emf_white.png
* http://www.boogdesign.com/images/buttons/mfe_white.png
* http://www.boogdesign.com/images/buttons/mwmf_white.png
* http://www.boogdesign.com/images/buttons/smf_white.png

=== [[hcalendar|hCalendar]] ===
* http://rbach.priv.at/2006/buttons/hcal.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] :

<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;">›››</span> hCalendar</span>

Code (espace blanc ajoutÃ© pour la lisibilitÃ©) :

<pre><nowiki>
<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>
</nowiki></pre>

=== [[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
* 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

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

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

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

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

=== [http://gmpg.org/xfn/ XFN] ===
* http://rbach.priv.at/2006/buttons/xfn.png
* http://www.boogdesign.com/images/buttons/microformat_xfn.png

=== [http://gmpg.org/xmdp/ XMDP] ===
* http://rbach.priv.at/2006/buttons/xmdp.png
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png

=== [[xoxo-fr|XOXO]] ===
* http://rbach.priv.at/2006/buttons/xoxo.png
* http://www.boogdesign.com/images/buttons/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. [[User:Mac Lover|Mac Lover]] 13:25, 13 Apr 2007 (PDT)

[http://creativecommons.org/licenses/by-sa/3.0/us/ Licence]
[http://alyosha.bendebury.net/microformat-css.zip Zip]

== Boutons pour les formats brouillons ==

Ceux-ci peuvent Ãªtre sujets Ã modifications si les noms des formats changent quand ils seront publiÃ©s.

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

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

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

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

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

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

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

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

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

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

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

== Faites vos propres boutons ==
=== Style 1 ===
Exemple : http://www.crowley.nl/images/hcard.png

Utilisez le [http://kalsey.com/tools/buttonmaker/ 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 : http://rbach.priv.at/2006/buttons/hcal.png

# TÃ©lÃ©chargez le [http://www.kottke.org/plus/type/silkscreen/ Silkscreen] de fonte
# Installez [http://www.imagemagick.org/ ImageMagick]
# 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 :
<pre>convert blank.png
-fill white
-font Silkscreen
-pointsize 8
+antialias
-draw "text 28,10 'Ã©tiquette-bouton'"
output.png
</pre>

=== Style 3 ===
Exemple : http://files.synaesthetic.net/common/images/buttons/hatom.png

# Obtenez la police [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
# Installez [http://www.imagemagick.org/ ImageMagick]
# Obtenez l'icÃ´ne blanche (http://files.synaesthetic.net/microformats/button2-blank.png)
# Saisissez :
<pre>convert button2-blank.png
-fill white
-font Silkscreen
-pointsize 8
+antialias
-draw "text 20,10 'button label'"
output.png
</pre>

= 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.]

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>

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

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

=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 =
* Logos pour tous les microformats

==Voir aussi ==
{{branding-see-also}}

Microformats Wiki - User contributions [en]

buttons-fr