There are two ways of customizing the simplewidget last.fm widget. First of all you can style every aspect of the widget so that it fits into your existent website. The second method is to write some javascript filter functions which you can use to modify the song title, artist, username etc...

 

CSS IDs

• as-widget-one-wrapper
• as-widget-one-container
• as-widget-one-infobox
• as-widget-one-avatar
• as-widget-one-avatar-image
• as-widget-one-infobutton
• as-widget-one-infobutton-link
• as-widget-one-infobutton-image
• as-widget-one-nickname
• as-widget-one-tracksplayed
• as-widget-one-recent-tracks
• as-widget-one-footer

CSS Classes

• as-widget-one-song-container
• as-widget-one-song-title
• as-widget-one-song-artist
• as-widget-one-song-uts
• as-widget-one-spacer

Javascript hooks

• filter_nickname(nickname)
• filter_tracksplayed(tracksplayed)
• filter_song_title(songtitle)
• filter_song_artist(songartist)
• filter_song_uts(songuts)

 

I believe using the default stylesheet and the default user.js is the best and fastest way to start customizing the widget. These two files always have to be included in your html document before you load your widget-code. To style the widget you can also get the pastied code or just fire up your widget-code in your webbrowser.