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=" ![]() <a class="url fn n" href=" ![]() <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=" ![]() <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="![]() <a class="email" href=" ![]() <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="![]() |
<a href="callto://gjapiot"><img src="![]() |
<p><a href="![]() <p><a href=" ![]() |
] |
====== hCard pro <html> <div class="vcard"> <a class="url fn n" href=" ![]() <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="![]() <a class="url" rel="me" href=" ![]() <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=" ![]() <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=" ![]() <p style="font-size:smaller;">Cette <a href=" ![]() ![]() </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.
![]() ![]() |
le site officiel (en)
la page d'accueil du wiki (fr)
hCard creator
hCalendar creator
hResume creator