Les MicroFormats (fr): CommentInsérerhCardSurProWiki

Comment Insérerh Card Sur Pro Wiki

Différence (dernière modification) (Edité, Auteur, affichage normal de la page)

Modifié: 13c13

==== Exemple de code (à compléter) ====

==== Exemples (à compléter) ====

Modifié: 15,20c15

* à compléter avec un bel exemple complet

==== Autres exemples (à compléter et corriger) ===

===== hCard personnelle
[[text][distance=100][width=400]

===== Sans photo =

Modifié: 23,37c18

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

Modifié: 39c20,31

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

Modifié: 41c33

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

Ajouté: 42a35,36

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

Effacé: 44d37

]

Modifié: 46,66c39,40

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

Modifié: 70,72c44,48

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

Modifié: 74,81c50,72

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

hCard est un format d'information de contact simple, ouvert, distribué, destiné aux personnes, aux sociétés et aux organisations, qui semble approprié pour l'embarquement dans (X)HTML, Atom, RSS et du XML arbitraire. hCard est une représentation 1:1 du standard vCard (RFC:2426 (

http://www.ietf.org/rfc/rfc2426.txt)) en XHTML, l'un des nombreux microformats standards ouverts.

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.

ouvrez le hcard creator dans une fenêtre de votre navigateur
renseignez tous les champs demandés avec votre vrai prénom dans "given name" et votre vrai nom dans "last name"
récupérez le code produit sur la droite de l'interface
copiez-le tout en bas de cette page de wiki en l'entourant avant et après de ...
C'est fini. Pour finir, vous pouvez essayer de styliser l'ensemble avec la commande CdmlTexte

La page de référence canonique pour la spécification de ce microformat est :

http://microformats.org/wiki/hcard-fr.