Boutons Microformats

(Difference between revisions)

Jump to: navigation, search
Current revision (05:39, 20 August 2013) (view source)
m (Reverted edits by 766nj57 (Talk) to last version by ChristopheDucamp)
 
Line 1: Line 1:
-
HOW THING OUT
+
<entry-title> Boutons Microformats </entry-title>
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
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]
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
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]
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
==Licences==
-
HOW MAKE UNIVERSE OUT
+
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 :
-
HOW THING BE OUT
+
* publiez-les dans le domaine public
-
HOW ANYTHING BE OUT
+
* détenez le copyright, mais publiez les droits d'utilisation
-
HOW EVERYTHING BE OUT
+
* 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].
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
Merci.
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
* 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
-
HOW MAKE UNIVERSE BE OUT
+
 
-
HOW THING OUT
+
* 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]]
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
* 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]]
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
* Les images-ci-dessous hébergées chez hauntedpalace.net et flickr.com/photos.hauntedpalace (logos POSH anti-sèche palette) sont disponibles sous la [http://creativecommons.org/licenses/by-sa/3.0/ licence Creative Commons Attribution-ShareAlike 3.0]. &#8212; [[:User:CarlaHufstedler|Carla Hufstedler]]
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
== Boutons ==
-
HOW MAKE UNIVERSE OUT
+
=== Bouton Microformat ===
-
HOW THING BE OUT
+
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.
-
HOW ANYTHING BE OUT
+
 
-
HOW EVERYTHING BE OUT
+
http://www.crowley.nl/images/microformats.png
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
J'ai déjà un "J'utilise les 
-
HOW MAKE ANYTHING BE OUT
+
http://www.crowley.nl/images/microformats.png" sur mon blog: http://doncrowley.blogspot.com/
-
HOW MAKE EVERYTHING BE OUT
+
 
-
HOW MAKE UNIVERSE BE OUT
+
- Don Crowley
-
HOW THING OUT
+
 
-
HOW ANYTHING OUT
+
* http://www.boogdesign.com/images/buttons/microformat.png
-
HOW EVERYTHING OUT
+
* http://www.boogdesign.com/images/buttons/microformat_enabled.png
-
HOW UNIVERSE OUT
+
* http://www.boogdesign.com/images/buttons/emf_green.png
-
HOW MAKE THING OUT
+
* http://www.boogdesign.com/images/buttons/mfe_green.png
-
HOW MAKE ANYTHING OUT
+
* http://www.boogdesign.com/images/buttons/mwmf_green.png
-
HOW MAKE EVERYTHING OUT
+
* http://www.boogdesign.com/images/buttons/smf_green.png
-
HOW MAKE UNIVERSE OUT
+
* http://www.boogdesign.com/images/buttons/emf_white.png
-
HOW THING BE OUT
+
* http://www.boogdesign.com/images/buttons/mfe_white.png
-
HOW ANYTHING BE OUT
+
* http://www.boogdesign.com/images/buttons/mwmf_white.png
-
HOW EVERYTHING BE OUT
+
* http://www.boogdesign.com/images/buttons/smf_white.png
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
 
-
HOW MAKE ANYTHING BE OUT
+
=== [[hcalendar|hCalendar]] ===
-
HOW MAKE EVERYTHING BE OUT
+
* http://rbach.priv.at/2006/buttons/hcal.png
-
HOW MAKE UNIVERSE BE OUT
+
* http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
-
HOW THING OUT
+
* bouton CSS-powered tiré de [http://www.midgard-project.org/community/events/ calendrier événement Midgard CMS] :
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
<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>
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
 
-
HOW MAKE ANYTHING OUT
+
Code (espace blanc ajouté pour la lisibilité) :
-
HOW MAKE EVERYTHING OUT
+
 
-
HOW MAKE UNIVERSE OUT
+
<pre><nowiki>
-
HOW THING BE OUT
+
<span class="badge"
-
HOW ANYTHING BE OUT
+
      style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1em 1px 0;
-
HOW EVERYTHING BE OUT
+
      border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
-
HOW UNIVERSE BE OUT
+
      text-align: center;">
-
HOW MAKE THING BE OUT
+
<span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em;
-
HOW MAKE ANYTHING BE OUT
+
      margin-right: 0.1em;">
-
HOW MAKE EVERYTHING BE OUT
+
&amp;#8250;&amp;#8250;&amp;#8250;
-
HOW MAKE UNIVERSE BE OUT
+
</span>
-
HOW THING OUT
+
hCalendar
-
HOW ANYTHING OUT
+
</span>
-
HOW EVERYTHING OUT
+
</nowiki></pre>
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
=== [[hcard|hCard]] ===
-
HOW MAKE ANYTHING OUT
+
* http://www.crowley.nl/images/hcard.png (miroir : http://www.davidjanes.com/images/mf_hcard.png )* http://rbach.priv.at/2006/buttons/hcard.png
-
HOW MAKE EVERYTHING OUT
+
* bouton CSS-powered comme mis en évidence [http://re-run.com/about/microformat-badges microformat badges @ re-run]
-
HOW MAKE UNIVERSE OUT
+
* http://www.boogdesign.com/images/buttons/microformat_hcard.png
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
=== [[rel-license-fr|rel-license]] ===
-
HOW EVERYTHING BE OUT
+
* http://rbach.priv.at/2006/buttons/license.png
-
HOW UNIVERSE BE OUT
+
* http://www.boogdesign.com/images/buttons/microformat_rellicense.png
-
HOW MAKE THING BE OUT
+
 
-
HOW MAKE ANYTHING BE OUT
+
=== [[rel-nofollow-fr|rel-nofollow]] ===
-
HOW MAKE EVERYTHING BE OUT
+
* http://rbach.priv.at/2006/buttons/nofollow.png
-
HOW MAKE UNIVERSE BE OUT
+
* http://www.boogdesign.com/images/buttons/microformat_relnofollow.png
-
HOW THING OUT
+
 
-
HOW ANYTHING OUT
+
=== [[rel-tag-fr|rel-tag]] ===
-
HOW EVERYTHING OUT
+
* http://rbach.priv.at/2006/buttons/rel-tag.png
-
HOW UNIVERSE OUT
+
* http://rbach.priv.at/2006/buttons/tag.png
-
HOW MAKE THING OUT
+
* http://www.boogdesign.com/images/buttons/microformat_reltag.png
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
=== [[vote-links-fr|VoteLinks]] ===
-
HOW MAKE UNIVERSE OUT
+
* http://rbach.priv.at/2006/buttons/votelinks.png
-
HOW THING BE OUT
+
* http://www.boogdesign.com/images/buttons/microformat_votelinks.png
-
HOW ANYTHING BE OUT
+
 
-
HOW EVERYTHING BE OUT
+
=== [http://gmpg.org/xfn/ XFN] ===
-
HOW UNIVERSE BE OUT
+
* http://rbach.priv.at/2006/buttons/xfn.png
-
HOW MAKE THING BE OUT
+
* http://www.boogdesign.com/images/buttons/microformat_xfn.png
-
HOW MAKE ANYTHING BE OUT
+
 
-
HOW MAKE EVERYTHING BE OUT
+
=== [http://gmpg.org/xmdp/ XMDP] ===
-
HOW MAKE UNIVERSE BE OUT
+
* http://rbach.priv.at/2006/buttons/xmdp.png
-
HOW THING OUT
+
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
=== [[xoxo-fr|XOXO]] ===
-
HOW UNIVERSE OUT
+
* http://rbach.priv.at/2006/buttons/xoxo.png
-
HOW MAKE THING OUT
+
* http://www.boogdesign.com/images/buttons/microformat_xoxo.png
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
== Boutons CSS ==
-
HOW MAKE UNIVERSE OUT
+
Comme il y a de nouveaux microformats qui arrivent tout le temps, j'ai produit un bouton CSS qui ressemble aux versions "faites à la main". Voici le résultat.
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
Le fichier avec la CSS et les deux images requises (logo et arrière-plan) peuvent être téléchargées à partir de  [http://thebeastlybeasts.co.uk/css/microformat_css.zip The Beastly Beasts].
-
HOW EVERYTHING BE OUT
+
 
-
HOW UNIVERSE BE OUT
+
Extraire le répertoire microformat et les fichiers à l'intérieur vers /css, ainsi vous avez :<br />
-
HOW MAKE THING BE OUT
+
/css/microformat/microformat.css<br />
-
HOW MAKE ANYTHING BE OUT
+
/css/microformat/background.png<br />
-
HOW MAKE EVERYTHING BE OUT
+
/css/microformat/logo.png
-
HOW MAKE UNIVERSE BE OUT
+
 
-
HOW THING OUT
+
Si vous chemins sont différents, faites un peu d'édition :
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
Le XHTML pour créer un bouton est :
-
HOW UNIVERSE OUT
+
<pre><tag class="microformat-button microformat-type"><span></span>microformat-type</tag></pre>
-
HOW MAKE THING OUT
+
 
-
HOW MAKE ANYTHING OUT
+
Par exemple, un bouton hCard avec un lien vers la spécification :
-
HOW MAKE EVERYTHING OUT
+
<pre><a href="http://microformats.org/wiki/hcard-fr" title="Microformat" class="microformat-button hcard"><span></span>hcard</a></pre>
-
HOW MAKE UNIVERSE OUT
+
 
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
=== Styles CSS pour microformats===
-
HOW EVERYTHING BE OUT
+
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)
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
[http://creativecommons.org/licenses/by-sa/3.0/us/ Licence]
-
HOW MAKE ANYTHING BE OUT
+
[http://alyosha.bendebury.net/microformat-css.zip Zip]
-
HOW MAKE EVERYTHING BE OUT
+
 
-
HOW MAKE UNIVERSE BE OUT
+
 
-
HOW THING OUT
+
== Boutons pour les formats brouillons ==
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
Ceux-ci peuvent être sujets à modifications si les noms des formats changent quand ils seront publiés.
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
=== [[adr-fr|adr]] ===
-
HOW MAKE ANYTHING OUT
+
* http://rbach.priv.at/2006/buttons/adr.png
-
HOW MAKE EVERYTHING OUT
+
 
-
HOW MAKE UNIVERSE OUT
+
=== [[geo-fr|geo]] ===
-
HOW THING BE OUT
+
* http://rbach.priv.at/2006/buttons/geo.png
-
HOW ANYTHING BE OUT
+
 
-
HOW EVERYTHING BE OUT
+
=== [[hatom-fr|hAtom]] ===
-
HOW UNIVERSE BE OUT
+
* http://rbach.priv.at/2006/buttons/hatom.png
-
HOW MAKE THING BE OUT
+
* http://www.corvidworks.com/files/microformats/hatom.png
-
HOW MAKE ANYTHING BE OUT
+
 
-
HOW MAKE EVERYTHING BE OUT
+
=== [[hresume-fr|hResume]] ===
-
HOW MAKE UNIVERSE BE OUT
+
* http://rbach.priv.at/2006/buttons/hresume.png
-
HOW THING OUT
+
* http://www.boogdesign.com/images/buttons/microformat_hresume.png
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
=== [[hreview-fr|hReview]] ===
-
HOW UNIVERSE OUT
+
* http://rbach.priv.at/2006/buttons/hreview.png
-
HOW MAKE THING OUT
+
 
-
HOW MAKE ANYTHING OUT
+
=== [[rel-directory-fr|rel-directory]] ===
-
HOW MAKE EVERYTHING OUT
+
* http://rbach.priv.at/2006/buttons/directory.png
-
HOW MAKE UNIVERSE OUT
+
 
-
HOW THING BE OUT
+
=== [[rel-enclosure-fr|rel-enclosure]] ===
-
HOW ANYTHING BE OUT
+
* http://rbach.priv.at/2006/buttons/enclosure.png
-
HOW EVERYTHING BE OUT
+
 
-
HOW UNIVERSE BE OUT
+
=== [[rel-home-fr|rel-home]] ===
-
HOW MAKE THING BE OUT
+
* http://rbach.priv.at/2006/buttons/rel-home.png
-
HOW MAKE ANYTHING BE OUT
+
* http://rbach.priv.at/2006/buttons/home.png
-
HOW MAKE EVERYTHING BE OUT
+
 
-
HOW MAKE UNIVERSE BE OUT
+
=== [[relpayment-research-fr|rel-payment]] ===
-
HOW THING OUT
+
* http://rbach.priv.at/2006/buttons/payment.png
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
=== [[robots-exclusion-fr|Robots Exclusion]] ===
-
HOW UNIVERSE OUT
+
* http://rbach.priv.at/2006/buttons/robots.png
-
HOW MAKE THING OUT
+
 
-
HOW MAKE ANYTHING OUT
+
=== [[xfolk-fr|xFolk]] ===
-
HOW MAKE EVERYTHING OUT
+
* http://rbach.priv.at/2006/buttons/xfolk.png
-
HOW MAKE UNIVERSE OUT
+
 
-
HOW THING BE OUT
+
== Faites vos propres boutons ==
-
HOW ANYTHING BE OUT
+
=== Style 1 ===
-
HOW EVERYTHING BE OUT
+
Exemple : http://www.crowley.nl/images/hcard.png
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
Utilisez le [http://kalsey.com/tools/buttonmaker/ Producteur de Bouton Kalsey] avec les réglages suivants :
-
HOW MAKE ANYTHING BE OUT
+
* Outer border: #666666
-
HOW MAKE EVERYTHING BE OUT
+
* Inner border: #ffffff
-
HOW MAKE UNIVERSE BE OUT
+
* Bar position: 25 pixels à partir de la gauche
-
HOW THING OUT
+
* Left box text: &gt;&gt;&gt;
-
HOW ANYTHING OUT
+
* Left box background: #000000
-
HOW EVERYTHING OUT
+
* Left box text color: #ffffff
-
HOW UNIVERSE OUT
+
* Left box text start: 7 pixels from the left
-
HOW MAKE THING OUT
+
* Right box text: (The name of the microformat goes here)
-
HOW MAKE ANYTHING OUT
+
* Right box background: #31757b
-
HOW MAKE EVERYTHING OUT
+
* Right box text color: #ffffff
-
HOW MAKE UNIVERSE OUT
+
* Right box text start: 3 pixels from the bar
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
=== Style 2 ===
-
HOW EVERYTHING BE OUT
+
Exemple : http://rbach.priv.at/2006/buttons/hcal.png
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
# Téléchargez le [http://www.kottke.org/plus/type/silkscreen/ Silkscreen] de fonte
-
HOW MAKE ANYTHING BE OUT
+
# Installez [http://www.imagemagick.org/ ImageMagick]
-
HOW MAKE EVERYTHING BE OUT
+
# Recevez l'icône blanche (http://rbach.priv.at/2006/buttons/blank.png)
-
HOW MAKE UNIVERSE BE OUT
+
# Ouvrez la ligne de commande de votre machine (DOS ou autre) et saisissez :
-
HOW THING OUT
+
<pre>convert blank.png
-
HOW ANYTHING OUT
+
-fill white
-
HOW EVERYTHING OUT
+
-font Silkscreen
-
HOW UNIVERSE OUT
+
-pointsize 8
-
HOW MAKE THING OUT
+
+antialias 
-
HOW MAKE ANYTHING OUT
+
-draw "text 28,10 'étiquette-bouton'"
-
HOW MAKE EVERYTHING OUT
+
output.png
-
HOW MAKE UNIVERSE OUT
+
</pre>
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
=== Style 3 ===
-
HOW EVERYTHING BE OUT
+
Exemple : http://www.corvidworks.com/files/microformats/hatom.png
-
HOW UNIVERSE BE OUT
+
 
-
HOW MAKE THING BE OUT
+
# Obtenez la police [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
-
HOW MAKE ANYTHING BE OUT
+
# Installez [http://www.imagemagick.org/ ImageMagick]
-
HOW MAKE EVERYTHING BE OUT
+
# Obtenez l'icône blanche (http://www.corvidworks.com/files/microformats/button2-blank.png)
-
HOW MAKE UNIVERSE BE OUT
+
# Saisissez :
-
HOW THING OUT
+
<pre>convert button2-blank.png
-
HOW ANYTHING OUT
+
-fill white
-
HOW EVERYTHING OUT
+
-font Silkscreen
-
HOW UNIVERSE OUT
+
-pointsize 8
-
HOW MAKE THING OUT
+
+antialias 
-
HOW MAKE ANYTHING OUT
+
-draw "text 20,10 'button label'"
-
HOW MAKE EVERYTHING OUT
+
output.png
-
HOW MAKE UNIVERSE OUT
+
</pre>
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
 
-
HOW EVERYTHING BE OUT
+
= Microformats Logos =
-
HOW UNIVERSE BE OUT
+
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.]
-
HOW MAKE THING BE OUT
+
 
-
HOW MAKE ANYTHING BE OUT
+
http://microformats.org/img/logo.gif
-
HOW MAKE EVERYTHING BE OUT
+
 
-
HOW MAKE UNIVERSE BE OUT
+
<div style="position: relative; top:-46px; left:180px">
-
HOW THING OUT
+
<div style="background-color:#679A06; width:30px; height: 30px; left:1px; top:10px; position:absolute; -moz-border-radius:5pt;"></div>
-
HOW ANYTHING OUT
+
 
-
HOW EVERYTHING OUT
+
<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>
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
<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>
-
HOW MAKE ANYTHING OUT
+
 
-
HOW MAKE EVERYTHING OUT
+
<div style="font-family:Arial Narrow,Arial,sans-serif;font-size:17.5pt;letter-spacing:0px;color:#676767; position: absolute; left:44px; top: -6px">
-
HOW MAKE UNIVERSE OUT
+
<span style="padding-left:9;color:#111111;vertical-align:40%">micro</span><span style="vertical-align:40%;padding-left:1pt">formats</span>
-
HOW THING BE OUT
+
</div>
-
HOW ANYTHING BE OUT
+
</div>
-
HOW EVERYTHING BE OUT
+
 
-
HOW UNIVERSE BE OUT
+
Le logo en-dessous sous PNG transparent (lié ici à partir de mon propre serveur ; si vous l'utilisez, copiez svp pour vous-même) :
-
HOW MAKE THING BE OUT
+
 
-
HOW MAKE ANYTHING BE OUT
+
http://files.synaesthetic.net/public/microformats/microformats1.png
-
HOW MAKE EVERYTHING BE OUT
+
 
-
HOW MAKE UNIVERSE BE OUT
+
 
-
HOW THING OUT
+
==Palette==
-
HOW ANYTHING OUT
+
<div style="background-color:#AEE219; width:8em; height: 4ex;">#AEE219</div>
-
HOW EVERYTHING OUT
+
 
-
HOW UNIVERSE OUT
+
<div style="background-color:#85BC07; width:8em; height: 4ex;">#85BC07</div>
-
HOW MAKE THING OUT
+
 
-
HOW MAKE ANYTHING OUT
+
<div style="background-color:#679A06; width:8em; height: 4ex;">#679A06</div>
-
HOW MAKE EVERYTHING OUT
+
 
-
HOW MAKE UNIVERSE OUT
+
 
-
HOW THING BE OUT
+
 
-
HOW ANYTHING BE OUT
+
J'ai créé une anti-sèche en utilisant le producteur de badge du [http://bighugelabs.com/flickr/ Big Huge Lab] :
-
HOW EVERYTHING BE OUT
+
[http://flickr.com/photos/hauntedpalace/1296783076/ http://farm2.static.flickr.com/1231/1296783076_1d6fe8a1f8_m_d.jpg]
-
HOW UNIVERSE BE OUT
+
--[[User:CarlaHufstedler|Carla]] 12:11, 1 Sep 2007 (PDT)
-
HOW MAKE THING BE OUT
+
 
-
HOW MAKE ANYTHING BE OUT
+
=Wiki boutons=
-
HOW MAKE EVERYTHING BE OUT
+
Pour utilisation sur ce wiki.
-
HOW MAKE UNIVERSE BE OUT
+
*{{NewMarker-fr}} - <nowiki>{{NewMarker-fr}}</nowiki>
-
HOW THING OUT
+
*{{SuccessMarker-fr}} - <nowiki>{{SuccessMarker-fr}}</nowiki>
-
HOW ANYTHING OUT
+
*{{UpdateMarker-fr}} - <nowiki>{{UpdateMarker-fr}}</nowiki>
-
HOW EVERYTHING OUT
+
 
-
HOW UNIVERSE OUT
+
 
-
HOW MAKE THING OUT
+
= Demandes  =
-
HOW MAKE ANYTHING OUT
+
* Logos pour tous les microformats
-
HOW MAKE EVERYTHING OUT
+
 
-
HOW MAKE UNIVERSE OUT
+
==Voir aussi ==
-
HOW THING BE OUT
+
{{branding-see-also-fr}}
-
HOW ANYTHING BE OUT
+
 
-
HOW EVERYTHING BE OUT
+
* <span class="logos POSH">[[posh-fr#Répandez_CHIC|logos CHIC et boutons]]</span>
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+
-
HOW THING OUT
+
-
HOW ANYTHING OUT
+
-
HOW EVERYTHING OUT
+
-
HOW UNIVERSE OUT
+
-
HOW MAKE THING OUT
+
-
HOW MAKE ANYTHING OUT
+
-
HOW MAKE EVERYTHING OUT
+
-
HOW MAKE UNIVERSE OUT
+
-
HOW THING BE OUT
+
-
HOW ANYTHING BE OUT
+
-
HOW EVERYTHING BE OUT
+
-
HOW UNIVERSE BE OUT
+
-
HOW MAKE THING BE OUT
+
-
HOW MAKE ANYTHING BE OUT
+
-
HOW MAKE EVERYTHING BE OUT
+
-
HOW MAKE UNIVERSE BE OUT
+

Current revision


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

Contents

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 :

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


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

rel-nofollow

rel-tag

VoteLinks

XFN

XMDP

XOXO

Boutons CSS

Comme il y a de nouveaux microformats qui arrivent tout le temps, j'ai produit un bouton CSS qui ressemble aux versions "faites à la main". Voici le résultat.

Le fichier avec la CSS et les deux images requises (logo et arrière-plan) peuvent être téléchargées à partir de The Beastly Beasts.

Extraire le répertoire microformat et les fichiers à l'intérieur vers /css, ainsi vous avez :
/css/microformat/microformat.css
/css/microformat/background.png
/css/microformat/logo.png

Si vous chemins sont différents, faites un peu d'édition :

Le XHTML pour créer un bouton est :

<tag class="microformat-button microformat-type"><span></span>microformat-type</tag>

Par exemple, un bouton hCard avec un lien vers la spécification :

<a href="http://microformats.org/wiki/hcard-fr" title="Microformat" class="microformat-button hcard"><span></span>hcard</a>


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

geo

hAtom

hResume

hReview

rel-directory

rel-enclosure

rel-home

rel-payment

Robots Exclusion

xFolk

Faites vos propres boutons

Style 1

Exemple : hcard.png

Utilisez le Producteur de Bouton Kalsey avec les réglages suivants :

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


J'ai créé une anti-sèche en utilisant le producteur de badge du Big Huge Lab : 1296783076_1d6fe8a1f8_m_d.jpg --Carla 12:11, 1 Sep 2007 (PDT)

Wiki boutons

Pour utilisation sur ce wiki.


Demandes

Voir aussi

Boutons Microformats was last modified: Tuesday, August 20th, 2013

Views