Technical Details For Webmasters

We have prepared this help document for advanced users and webmasters.



Adding your users' DoppelMes to your website/forum etc.
To integrate DoppelMes on your site you will need your users to supply their DoppelMe Key. This key looks something like: DM51237ABC

You can then add their DoppelMe (e.g. to a profile page or against their forum posts) by including an image link which is looks like:
<img src="https://www.doppelme.com/DM51237ABC/avatar.png">



Customising user DoppelMes to suit your site.
You can change the image format, size, background colour and even crop users' DoppelMes so that they fit in with your site. This is done by supplying additional parameters to your image code (see Table 1 in the appendix below for full list of available options). These options can be applied in any order.

examples may look like:
<img src="http://www.doppelme.com/DM51237ABC/crop.png">
<img src="http://www.doppelme.com/50/DM51237ABC/avatar.png">
<img src="http://www.doppelme.com/CDCDCD/DM51237ABC/avatar.png">
or even a combination of the above:
<img src="http://www.doppelme.com/75/300/CCEEFF/DM51237ABC/avatar.png">
Cropped DoppelMe
<img src="http://www.doppelme.com/DG51237XYZ/crop.png">
Setting the scale to 50%
<img src="http://www.doppelme.com/50/DG51237XYZ/avatar.png">
Setting the background colour (CCDDFF) and the width (50%)
<img src="http://www.doppelme.com/CCDDFF/50/DG51237XYZ/avatar.png">



Custom items and themes for your users
We can supply some themed items for specific users. Just contact us with details of your site and the sort of theme you are looking for. We can then provide you with a code that you can give to your users which will allow them access to the custom DoppelMe items.



Customised DoppelMes for your site
We can provide some customisation specific to any DoppelMes that are shown on your site. Please feel free to contact us with your requirements.



Creating larger groups
If you would like to support large group pictures (perhaps for a school-class, conference delegates or work team? or how about creating a group for your website moderators/admins?) then we can set-this up for you with very little effort on your half. Please contact us for more details with as much information about your requirements as you can.



Technical details about DoppelMe Keys
DoppelMe Keys (and keys for DoppelMe Groups) consist only of alphanumeric characters (0-9,A-Z) and have a maximum length of 20 characters.



Linking back to DoppelMe
Your users might find it helpful if there was a link back to www.doppelme.com so that they can update their image easily, however there is no obligation to do so.
<a href="http://www.doppelme.com/" title="get your dynamic avatar here">get your dynamic avatar</a>



Can I have transparent backgrounds
DoppelMe supports transparent backgrounds on PNG images by just specifying the colour as "TRANSPARENT"
<img src="http://www.doppelme.com/TRANSPARENT/DG51237XYZ/avatar.png">







Appendix

background colour You can override the avatar background using any 6 character RGB hexadecimal colour. To override with a transparent background, specify transparent as the colour code

e.g. http://www.doppelme.com/CCEEFF/DM51237ABC/avatar.png
e.g. http://www.doppelme.com/transparent/DM51237ABC/avatar.png
avatar key Specify the DoppelMe avatar key to select the users avatars. Multiple avatar keys can be separated by a hyphen

e.g. http://www.doppelme.com/DM51237ABC/avatar.png
e.g. http://www.doppelme.com/DM51237ABC-DM51237ABC/avatar.png
canvas width Any number greater than 100 will increase the avatar canvas width

e.g. http://www.doppelme.com/200/DM51237ABC/avatar.png
scale Any number less than 100 will scale down the avatar image

e.g. http://www.doppelme.com/75/DM51237ABC/avatar.png
cropping Specify the image as crop.png rather than avatar.png to get a cropped version of your avatar

e.g. http://www.doppelme.com/75/DM51237ABC/crop.png
adding a borderAdd the letter b to the image name to add a border.

e.g. http://www.doppelme.com/75/DM51237ABC/avatarb.png
e.g. http://www.doppelme.com/75/DM51237ABC/cropb.png
blank avatarSpecify the avatar code as blank to create a placeholder avatar.

e.g. http://www.doppelme.com/blank/avatar.png
e.g. http://www.doppelme.com/blank/crop.png
e.g. http://www.doppelme.com/DM51237ABC-blank/avatar.png