Announcement

Collapse
No announcement yet.

How to add a vcard to your site in v9 and v10

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How to add a vcard to your site in v9 and v10

    Here's a simple design add-in that will add basic vcard functionality to your site. It includes a download function that allows the vcard to be saved into Outlook or similar programs that support the vcf vcard format. It will work on v9 and v10. I hope it's useful to people who don't know how to do it themselves.



    The design follows the vcard standard and picks up all the data from the Actinic settings. It's old school code that is not all my own work but rather a collection of information from a number of websites. I want to acknowledge the following sites as well as .NET magazine June 2010:
    http://microformats.org/
    http://24ways.org/
    http://suda.co.uk/

    I hope some people find it useful.

    Firstly backup your site - I will not be responsible for any issues caused by the use of the add-in.

    Download and save the attached zip file and extract the contents to a location on your computer.

    In Actinic go to File - Snapshot - Import Site, browse to the location of the files you extracted and import hcard_v9.acd or hcard_v10.acd depending on the version of Actinic you are using. This will only import some design changes and not overwrite your site.


    Now go to the outer layout by referring to the image hcard1.jpg and add the following line before the closing </head>, typically as shown in the image:
    <link rel="stylesheet" type="text/css" href="hcard.css" />

    You can now add the hcard in two different ways. You can either add the layout called 'hcard' to the design wherever you like or you can simply add it into a fragment by adding !!<[hcard]>!! into the fragment text as shown in image hcard2.jpg.

    Lastly by referring to image hcard3.jpg go to Settings - Site Options - Properties and enter the full URL of the page where you added the vcard into hcardPageURL as shown. For example if you added the hcard into a fragment on a page called About_Us.html then enter http://www.mydomain.co.uk/acatalog/About_Us.html, amending mydomain.co.uk to suit your site.
    Attached Files
Working...
X