Webmasters / Developers


Adding DoppelMes to your website is straightforward, requiring only a single line of HTML. Avatars can be used on user profile pages or next to noticeboard posts. You could also include them in chat rooms.

If you have a personal webpage, blog or social media page, you can include your avatar there too. And why not try a DoppelMe Group - these are great for creating an image of your friends or family.

Help Integrating
As a webmaster you can also customise the avatar so that it suits your website. You can find more details of how to include and customise avatars on your site with the following resources.

Technical helpTechnical details of how to add and customise DoppelMe avatars on your site.
Integration helpAdvanced integration details for more technical webmasters. Hook into our API and embed the avatar creator/editor tool within your website.



Examples
If you have a user's DoppelMe key, you have many different ways of displaying their avatar. Here are some examples of what you can do with DoppelMes on your site:

avatar
Regular DoppelMe
https://www.doppelme.com/DM102009LPH/avatar.png

avatar
As above but resized to 75%
https://www.doppelme.com/75/DM102009LPH/avatar.png

avatar
The same DoppelMe but cropped
https://www.doppelme.com/DM102009LPH/crop.png

avatar
As above but resized with background colour and border, making it ideal for an avatar on a forum
https://www.doppelme.com/50/DM102009LPH/cropb.png

avatar
Use CSS style="border-radius: 50%;"
https://www.doppelme.com/50/DM102009LPH/cropb.png

avatar
Use CSS style="border-radius: 50%; border: 1px solid #CCC; padding: 5px;"
https://www.doppelme.com/50/DM102009LPH/cropb.png

avatar
Join multiple avatar keys together with a hyphen
https://www.doppelme.com/DG102004KDD-DM102009LPH/avatar.png

avatar
Join multiple avatar keys together and crop
https://www.doppelme.com/CCEEFF/DG102004KDD-DM102009LPH/cropb.png

avatar
Use the blank keyword for placeholder avatars
https://www.doppelme.com/CCEEFF/blank/cropb.png



Further examples
class-photo.html
rolling-gallery.html


However the list is endless. And if you have a special requirement, why not let us know and we'll see if it can be accommodated.