Advanced Search

Return to Snippet

Revision: 13779
at May 6, 2009 05:59 by visualpropaganda
Updated Code 
#
<!--
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)
-->

<div class="vcard">
 	<div class="fn">John Smith</div> <!-- FN = Full Structured Name -->
		    <ul class="communication">
		        <li class="tel">
		           <span class="type">Home/Phone</span>
		           <span class="numbers"> +44 (1234) 56789</span><!-- class "numbers" is for CSS Styling -->
		        </li>
 		        <li class="email">
		           <span><a href="mailto:[email protected]" title="Write me an email!">email</a></span><!-- obfuscate email with http://www.zapyon.de/spam-me-not/ -->
		        </li>
		        <li class="url">http://thisisfake.com</li>
		    </ul><!--/end communication -->
		    <ul class="adr">
			<li class="street-address">Fake Street<span class="numbers"> 123 Fake Street</span></li><!-- class "numbers" is for CSS Styling -->
			<li class="postal-code">D-<span class="numbers">12345</span><span class="locality"> locality</span></li>
			<li class="country-name">Country</li>
		    </ul>
	</div><!--/vcard-->
	<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>

Revision: 13778
at May 6, 2009 05:55 by visualpropaganda
Updated Code 
#
<!--
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)
-->

<div class="vcard">
 	<div class="fn">John Smith</div> <!-- FN = Full Structured Name -->
		    <ul class="communication">
		        <li class="tel">
		           <span class="type">Home/Phone</span>
		           <span class="numbers"> +44 (1234) 56789</span><!-- class "numbers" is for CSS Styling -->
		        </li>
 		        <li class="email">
		           <span><a href="mailto:[email protected]" title="Write me an email!">email</a></span>
		        </li>
		        <li class="url">http://thisisfake.com</li>
		    </ul><!--/end communication -->
		    <ul class="adr">
			<li class="street-address">Fake Street<span class="numbers"> 123 Fake Street</span></li><!-- class "numbers" is for CSS Styling -->
			<li class="postal-code">D-<span class="numbers">12345</span><span class="locality"> locality</span></li>
			<li class="country-name">Country</li>
		    </ul>
	</div><!--/vcard-->
	<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>

Revision: 13777
at May 6, 2009 05:55 by visualpropaganda
Updated Code 
#
<!--
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)
-->

<div class="vcard">
 	<div class="fn">John Smith</div> <!-- FN = Full Structured Name -->
		    <ul class="communication">
		        <li class="tel">
		           <span class="type">Home/Phone</span>
		           <span class="numbers"> +44 (1234) 56789</span><!-- class "numbers" is for CSS Styling -->
		        </li>
 		        <li class="email">
		           <span><a href="mailto:[email protected]" title="Write me an email!">email</a></span>
		        </li>
		        <li class="url">http://thisisfake.com</li>
		    </ul><!--/end communication -->
		    <ul class="adr">
			<li class="street-address">Fake Street<span class="numbers"> 123 Fake Street</span></li><!-- class "numbers" is for CSS Styling -->
			<li class="postal-code">D-<span class="numbers">12345</span><span class="locality"> locality</span></li>
			<li class="country-name">Country</li>
		    </ul>
	</div><!--/vcard-->
	<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>

Revision: 13776
at May 6, 2009 05:54 by visualpropaganda
Initial Code 
#
<!--
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)
-->

<div class="vcard">
 	<div class="fn">John Smith</div> <!-- FN = Full Structured Name -->
		    <ul class="communication">
		        <li class="tel">
		           <span class="type">Home/Phone</span>
		           <span class="numbers"> +44 (1234) 56789</span><!-- class "numbers" is for CSS Styling -->
		        </li>
 		        <li class="email">
		           <span><a href="mailto:[email protected]" title="Write me an email!">email</a></span>
		        </li>
		        <li class="url">http://thisisfake.com</li>
		    </ul><!--/end communication -->
		    <ul class="adr">
			<li class="street-address">Fake Street<span class="numbers"> 123 Fake Street</span></li><!-- class "numbers" is for CSS Styling -->
			<li class="postal-code">D-<span class="numbers">12345</span><span class="locality"> locality</span></li>
			<li class="country-name">Country</li>
		    </ul>
	</div><!--/vcard-->
	<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>
Initial URL 
http://suda.co.uk/projects/microformats/hcard/
Initial Description 
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/)
Initial Title 
hCard with vcard download link via X2V
Initial Tags 
html
Initial Language 
HTML