Posted By

visualpropaganda on 05/06/09

Tagged

html

Versions (?)

Last Edited at 05/06/09 05:54am

Statistics

Viewed 792 times

Favorited by 0 user(s)

Related snippets

hCard with vcard download link via X2V

/ Published in: HTML

Use of the vCard(hCard) microformat, used to mark up contact details of
people, companies, organisations and places. Includes an download link via X2Vs hcard to vcard-service. Can be styled as a 2-column hcard via CSS (see CSS snippet)

inspired by the hcard implementation by Jon Tangerin (http://jontangerine.com/about/)

Highlighted TextExpand

#

<div class="vcard">
 	<div class="fn">John Smith</div> 
		    <ul class="communication">
		        <li class="tel">
		           <span class="type">Home/Phone</span>
		           <span class="numbers"> +44 (1234) 56789</span>
		        </li>
 		        <li class="email">
		           <span><a href="mailto:john@thisisfake.com" title="Write me an email!">email</a></span>
		        </li>
		        <li class="url">http://thisisfake.com</li>
		    </ul>
		    <ul class="adr">
			<li class="street-address">Fake Street<span class="numbers"> 123 Fake Street</span></li>
			<li class="postal-code">D-<span class="numbers">12345</span><span class="locality"> locality</span></li>
			<li class="country-name">Country</li>
		    </ul>
	</div>
	<div id="vcard-download"><a href="http://suda.co.uk/projects/microformats/hcard/get-contact.php?uri=http://yourcontactpage.com" title="Add my contact-details to your adressbook">Download my contact-details as a vCard (via X2V)</a>
</div>

URL: http://suda.co.uk/projects/microformats/hcard/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.