Using a Theme that Someone Else Has Created

To use a theme that someone else has created, you'll need to define a couple of JavaScript variables in your document.

On the line before your reference to aimapi.js, add the following:

var baseResourceURI = "http://www.domainTheThemeIsOn.com/themeDirectory/";

One the line after your reference to aimapi.js, add the following:

AIM.widgets.buddyList.appearance.styleSheetURI = "http://www.domainTheThemeIsOn.com/themeDirectory/themeCSSFile.css";

The baseResourceURI tells the API where to look for images, sounds, etc. AIM.widgets.buddyList.appearance.styleSheetURI tells the API what CSS to use for the Buddy List widget. If you are using the IM Me or Presence widgets, you'll use the following variables instead, respectively:

AIM.widgets.IMMe.appearance.styleSheetURI = "yourStyleSheet.css";
AIM.widgets.presence.appearance.styleSheerURI = "yourStyleSheet.css"

Note: It is important that themes contain all of their resources in the same directory so the API can find them. This includes CSS files, sound files and image files.