Editer le texte de cette page (date de la dernière modification: 11 Mars, 2007 12:16 (diff))
==== Exemple de code (à compléter) ==== |
==== Exemples (à compléter) ==== |
* à compléter avec un bel exemple complet ==== Autres exemples (à compléter et corriger) === ===== hCard personnelle [[text][distance=100][width=400] |
===== Sans photo = |
<div class="vcard" id="hcard"> <img class="photo" style="FLOAT: left; MARGIN-RIGHT: 4px" alt="photo" src=" http://www.wikiindex.com/images/e/ec/ChristopheDucamp.jpg" /> <a class="url fn n" href=" http://www.wikiservice.at/fractal/wikidev.cgi?ChristopheDucamp" rel="me"> <span class="given-name">Christophe</span> <span class="additional-name">G.</span> <span class="family-name">Ducamp</span> <span class="title">Community Ambassador;Independent Consultant</span></a> <a class="email" href=" MAIL christophe.ducamp (AT) gmail.com">christophe.ducamp@gmail.com</a> <div class="adr"> <div class="street-address">103 rue Saint Denis</div> <span class="locality">Paris</span>, <span class="postal-code">75001</span> <span class="country-name">France</span> </div> <div class="tel">+33603960492</div> |
<div class="agent vcard microid-2c66458975e6160ddb6fa26949e51c527686707"> |
Anniversaire : <abbr class="bday" title="1961-07-06">6 juillet 1961</abbr> |
<a class="url fn" href=" http://winecampfrance.com/">Gregoire Japiot</a> <a class="email" href=" MAIL greg (AT) winecampfrance.com">greg@winecampfrance.com</a> <div class="adr"> <span class="locality">Dijon</span> , <span class="region">Burgundy</span> , <span class="country-name">FRANCE</span> </div> <div class="tel">+33 (0) 662 80 11 28</div> </div><br/> |
<p><a href=" http://feeds.technorati.com/contact/http://www.wikiservice.at/fractal/wikidev.cgi?ChristopheDucamp">Téléchargez ma vCard</a></p> |
<a href="callto://gjapiot"><img src=" http://goodies.skype.com/graphics/skypeme_btn_small_lightgrey.gif" border="0"></a> |
<p><a href=" http://feeds.technorati.com/contact/http://www.wikiservice.at/fractal/wikidev.cgi?GréGoireJapiot">Téléchargez ma vCard</a></p> <p><a href=" http://www.wikiservice.at/fractal/wikidev.cgi?action=edit&id=GréGoireJapiot">Editer cette hCard !</a></p> |
] |
====== hCard pro <html> <div class="vcard"> <a class="url fn n" href=" http://www.groupe.caisse-epargne.com/"> <span class="given-name">Christophe</span> <span class="additional-name">G.</span> <span class="family-name">Ducamp</span> </a> <div class="org"> <span class="organization-name">Caisse Nationale des Caisses d'Epargne</span> <span class="organization-unit">Direction Communication Clientèle</span> <span class="title">Responsable de Projets Marketing Interactif</span> <div class="adr"> <div class="street-address">50 rue Pierre Mendès France</div> <span class="postal-code">75013</span> <span class="locality">Paris</span>, <span class="country-name">France</span> <span class="tel">+33 6 03 96 04 92</span> </div></div> </html> ====== Ajouter ici votre VraiNom avec le code |
===== Avec photos et lien sur le service hCard vers vCard = |
<span class="fn n"> <span class="given-name">Maxime</span> <span class="additional-name">Charlie</span> |
<img class="photo" style="float:right; margin-right:4px; width:100px" src=" http://www.rewics.be/photo/113419-161272.jpg" alt="Christophe Ducamp et Ulo" /> <a class="url" rel="me" href=" http://claimid.com/xtof"> <span class="n fn"> <span class="given-name">Christophe</span> <span class="additional-name">G.</span> |
</span> <div class="adr"> <div> class="street-address">3 allée de la Gare</div> <span class="postal-code">78430</span> <span class="locality">Louveciennes</span>, <span class="country-name">France</span> </div> </div> </html> |
</span> </a> <div class="org">Cette Semaine en Microformats</div> <a class="email" rel="me" href=" MAIL christophe.ducamp (AT) gmail.com">contact (email)</a> <div class="adr"> <div class="street-address">103 rue Saint Denis</div> <div class="extended-address">Interphone 14</div> <span class="postal-code">75001</span> <span class="locality">Paris </span> <abbr class="country-name">France</abbr> </div> <div class="tel"> <abbr class="type" title="cell"> <span title="mobile" lang="fr">mobile</span> </abbr> <span class="value">+336 03 96 04 92</span> </div> <p><a href=" http://feeds.technorati.com/contacts/http://www.wikiservice.at/fractal/wikidev.cgi?ChristopheDucamp">Ajouter à votre carnet d'adresses.</a></p> <p style="font-size:smaller;">Cette <a href=" http://microformats.org/wiki/hcard">hCard</a> a été bricolée avec <a href=" http://microformats.org/code/hcard/creator">hCard creator</a> et l'aide de Laurent Lunati pour la CSS.</p> </div></html> |
Cette page est destinée à tester les MicroFormats sur ProWiki. Elle a pour intention d'écrire un mode d'emploi pour insérer facilement un [microformat hCard sur ProWiki.
Ajouter à votre carnet d'adresses.
Cette hCard a été bricolée avec hCard creator et l'aide de Laurent Lunati pour la CSS.
Les Microformats sont des conventions pour baliser des données couramment rencontrées (comme des liens, de l'information de contact et des événements calendaires) dans des langages établis comme le HTML. En utilisant des layouts standardisés, des classes CSS et des valeurs d'attribut, l'information devient plus accessible et plus utile tant pour les humains que les ordinateurs. Cliquez ici pour en savoir plus. |
le site officiel (en)
la page d'accueil du wiki (fr)
hCard creator
hCalendar creator
hResume creator