Yahoo! Messenger Skin History Print E-mail
Tag it:
Delicious
YahooMyWeb
Reddit
Digg
Stumble
Furl it!
Technorati
NewsVine
Spurl
BlinkList
Thursday, 10 May 2007
Yahoo! Messenger Skin History

On 29 June 2001 Yahoo! Messenger Blink182 version 410994 was released. Inside the Skins directory was a customised Blink182 skin which contained some really unique files that back then, played heavily on the use of the background.bmp file. We no longer have access to background.bmp, it was dropped from Yahoo! Messenger version 6 onwards, but v5.6 (and below) skin makers will well remember how awesome this file was :) Funnily enough this file is the cause of a lot of problems today as people try to use v5.6 (or below skins) on Yahoo! Messenger v6 and above, and / or want to use background.bmp as a standalone file in v6-v8.1 but sadly compatibility wont be happening any time soon as Yahoo! has since moved on.. and the direction that it's gone in is great as it provides us with a lot more flexibility when it comes to skinning our much loved Yahoo! Messenger.

Our research for the Yahoo! Messenger Skin articles, although extensive, doesn't go back as far as version 4, I have based our findings below, and through out our series skin of articles, on the following Yahoo! Messenger versions which we installed for testing and plonking purposes.

5.6.1358 released 9 January 04
6.0.0.1922 released 27 Feburary 05
7.0.2.120 released 23 December 05
7.5.0.819 released 16 June 06
8.1.0.249 released 28 March 07

Below are the version results and files contained within each, along with changes where applicable. The information is basically for historical purposes and reference but it is also useful should you ever wish to construction your own skins for Yahoo! Messenger, if you do venture down that construction path and decide to make your own skins for Yahoo! Messenger I strongly recommend you see our articles Yahoo! Messenger Skin Reference Table and Yahoo! Messenger v8 .xml file

 

v5.6.1358
If you were (or are) using Yahoo! Messenger v5.6 then your themes (skins) were located at, and installed to:
C:\Program Files\Yahoo!\Messenger\skins\{skin name}
and yes, back then they were " Themes", Yahoo! even provided a basic tutorial for creating your own which covered replacing the ToolBar Buttons, Status (icons) and your background.

At that time making changes was pretty simple, when it came to whipping up your own creation all you had to do was edit / replace existing .bmp files.


There were 4 Tool Bar buttons,
add.bmp, call.bmp, chat.bmp, message.bmp
althought alot more were included in the default skin:
call_disabled.bmp ignore.bmp
chat_disabled.bmp invite_disabled.bmp
file.bmp message_disabled.bmp
file_disabled.bmp mobile.bmp
friend_groupclose.bmp mobile_disabled.bmp
friend_groupcloseW.bmp voice.bmp
friend_groupopen.bmp voice_disabled.bmp
friend_groupopenW.bmp voiceoff.bmp
friend_root.bmp voiceoff_disabled.bmp
friend_rootW.bmp webcam.bmp
webcam_disabled.bmp  
all these files were 48x28px, 8bit 256 colour .bmp files with magenta background (RGB: 255 0 255 / Hex: #FF00FF) for transparency.

Snoopy Skin from http://www.devitoland.com/ There were also 4 Status buttons
busy_user.bmp, idle_user.bmp, offline_user.bmp, online_user.bmp
all 16x16px, 8bit 256 colour .bmp files with a magenta background (RGB: 255 0 255 / Hex: #FF00FF) for transparency. Others files were included in the default skin (offline_userW.bmp, online_mobile_user.bmp, online_userW.bmp)

We had 1 Background image, background.bmp, also with a magenta background (RGB: 255 0 255 / Hex: #FF00FF) for transparency. This was an 8bit 256 colour .bmp file which wasn't actually included with, or used, in the default skin, background.bmp came with the Games skin. The dimensions of the file included were different (240x480px) to the ones mentioned in the tutorial (240x240), there option to tile your background image was under Messenger > Preferences. This file provided a quick and simple way to instantly personalise the main Yahoo! Messenger friends list background.

Lastly, there was one Settings.ini file which set the font family, size and effect:
[UI Settings]
Buddy Font Face=Tahoma
Buddy Font Size=8
Buddy Font Effects=0

 


v6.0.0.1922
When Yahoo! released version 6 there were big changes to the program itself and also how skins were constructed. It really was an "Out with the old and in with the new" approach that held the test of times as the changes put in place in v6 have continued right through v7, v7.5, v8, and todays v8.1 skins.

Perhaps the greatest loss to the Yahoo! community was the fact that all v5.6 (and below) skins were no longer compatible with v6 nor could they be upgraded, each custom skin now had to be recreated from scratch. Another loss felt by many was that background.bmp dropped, this file was greatly loved by designers and users alike as it allowed us to have personalised backgrounds on our main Yahoo! Messenger menu.

The skin location also moved from
C:\Program Files\Yahoo!\Messenger\skins\{skin name}
to
C:\Program Files\Yahoo!\Shared\Graphics\{skin name}

The Default skin was Indigo, Maverick was also included and we could return to "Classic" if we wanted to.



There were 56 .bmp files
border_bot.bmp icons_tbar_hot.bmp scroll_gripv.bmp tool_border_right.bmp
border_left.bmp icons_tbar_normal.bmp scroll_hbg.bmp tool_border_top.bmp
border_right.bmp itabs.bmp scroll_hhandle.bmp tool_capbuttons.bmp
border_top.bmp menu_bg.bmp scroll_vbg.bmp toolbarbuttons.bmp
button_chevron_down.bmp menu_scroll.bmp scroll_vhandle.bmp trackbar_h.bmp
button_chevron_up.bmp menu_sep.bmp statusbar.bmp trackbar_thumb_down.bmp
capbuttons.bmp menubar.bmp statusgrabber.bmp trackbar_thumb_horz.bmp
checkbox.bmp menubar_states.bmp sys_menu.bmp trackbar_thumb_left.bmp
columnheads.bmp menuitem.bmp tab_border.bmp trackbar_thumb_right.bmp
combo.bmp progressbar.bmp tabs.bmp trackbar_thumb_up.bmp
games_close.bmp pushbuttons.bmp tabs_standard.bmp trackbar_thumb_vert.bmp
grabbie.bmp radio.bmp tbar_sep.bmp trackbar_v.bmp
groupboxedge.bmp scroll_buttons.bmp tool_border_bot.bmp up_down.bmp
icons_tbar_disabled.bmp scroll_griph.bmp tool_border_left.bmp up_down_h.bmp
menu_sep.bmp, which is included, isn't actually needed as it's been replaced by menuitem.bmp

There are 2 .jpg files (preview_indigo.jpg, preview_indigointl.jpg which are previews for selection)

8 .rng files (region files)
border_bot.rgn
border_left.rgn
border_right.rgn
border_top.rgn
tool_border_bot.rgn
tool_border_left.rgn
tool_border_right.rgn
tool_border_top.rgn

These files store information about the transparent areas of the window borders. You can delete these at any stage as they will be regenerated when the skin loads.

NOTE: it's vital you delete these files after editing any of the following graphics.
border_bot.bmp border_right.bmp tool_border_bot.bmp tool_border_right.bmp
border_left.bmp border_top.bmp tool_border_left.bmp tool_border_top.bmp

And lastly, 1 .xml file {skinname}.xml which contains oodles of information (and font settings which were previous set in Settings.ini file).



v7.0.2.120
v7 saw us now with 69 .bmp files, of 14 more .bmp files, itabs.bmp was removed.
border_bot.bmp menu_scroll.bmp scroll_vhandle.bmp trackbar_thumb_left.bmp
border_left.bmp menu_sep.bmp search_bang.bmp trackbar_thumb_right.bmp
border_right.bmp menubar.bmp statusbar.bmp trackbar_thumb_up.bmp
border_top.bmp menubar_states.bmp statusgrabber.bmp trackbar_thumb_vert.bmp
button_chevron_down.bmp menuitem.bmp sys_menu.bmp trackbar_v.bmp
button_chevron_up.bmp menusearchbar.bmp tab_border.bmp up_down.bmp
capbuttons.bmp mute_states.bmp tabs.bmp up_down_arrow.bmp
checkbox.bmp photoshare_slider.bmp tabs_standard.bmp up_down_h.bmp
columnheads.bmp photoshare_slider_tray.bmp tbar_sep.bmp up_down_h_arrow.bmp
combo.bmp progressbar.bmp tool_border_bot.bmp voice_callbtn.bmp
combo_arrow.bmp pushbuttons.bmp tool_border_left.bmp voice_ctrls.bmp
games_close.bmp radio.bmp tool_border_right.bmp voice_lights.bmp
grabbie.bmp scroll_buttons.bmp tool_border_top.bmp voice_ringer.bmp
groupboxedge.bmp scroll_griph.bmp tool_capbuttons.bmp voice_tbar.bmp
icons_tbar_disabled.bmp scroll_gripv.bmp toolbarbuttons.bmp voice_tbar_incoming.bmp
icons_tbar_hot.bmp scroll_hbg.bmp trackbar_h.bmp  
icons_tbar_normal.bmp scroll_hhandle.bmp trackbar_thumb_down.bmp  
menu_bg.bmp scroll_vbg.bmp trackbar_thumb_horz.bmp  

menu_sep.bmp, which is included, is not really needed as it's been replaced by menuitem.bmp
mute_states.bmp not referenced in .xml file
itabs.bmp referenced in .xml file but not included in graphics folder (it is in v6, 7.5, 8 though)

we still had 2 .jpg files (preview_indigo.jpg, preview_indigointl.jpg)which are previews for selection.

and 8 .rng files
border_bot.rgn tool_border_bot.rgn
border_left.rgn tool_border_left.rgn
border_right.rgn tool_border_right.rgn
border_top.rgn tool_border_top.rgn

and 1 .xml file {skinname}.xml

 

v7.5.0.819
v7.5, they dropped preview_indigointl.jpg, gave back itabls.bmp (removed in v7) and we now had 79.bmp files to contend with which included 10 additions (including activity_speaker_states.bmp, connect_chunkyanim.bmp, dark_connect_chunkyanim.bmp, Voice_Circle.bmp)
activity_speaker_states.bmp icons_tbar_hot.bmp scroll_hhandle.bmp trackbar_thumb_horz.bmp
border_bot.bmp icons_tbar_normal.bmp scroll_vbg.bmp trackbar_thumb_left.bmp
border_left.bmp itabs.bmp scroll_vhandle.bmp trackbar_thumb_right.bmp
border_right.bmp menu_bg.bmp search_bang.bmp trackbar_thumb_up.bmp
border_top.bmp menu_scroll.bmp silver_bg.bmp trackbar_thumb_vert.bmp
button_chevron_down.bmp menu_sep.bmp statusbar.bmp trackbar_v.bmp
button_chevron_up.bmp menubar.bmp statusgrabber.bmp triangletray.bmp
capbuttons.bmp menubar_states.bmp sys_menu.bmp up_down.bmp
checkbox.bmp menuitem.bmp tab_border.bmp up_down_arrow.bmp
columnheads.bmp menusearchbar.bmp tabs.bmp up_down_h.bmp
combo.bmp mute_states.bmp tabs_standard.bmp up_down_h_arrow.bmp
combo_arrow.bmp photoshare_slider.bmp tbar_sep.bmp voice_callbtn.bmp
connect_chunkyanim.bmp photoshare_slider_tray.bmp tool_border_bot.bmp Voice_Circle.bmp
dark_connect_chunkyanim.bmp progressbar.bmp tool_border_left.bmp voice_ctrls.bmp
dialbtn_pad.bmp pushbuttons.bmp tool_border_right.bmp voice_lights.bmp
donotdisturb.bmp radio.bmp tool_border_top.bmp voice_ringer.bmp
games_close.bmp scroll_buttons.bmp tool_capbuttons.bmp voice_tbar.bmp
grabbie.bmp scroll_griph.bmp toolbarbuttons.bmp voice_tbar_hold.bmp
groupboxedge.bmp scroll_gripv.bmp trackbar_h.bmp voice_tbar_incoming.bmp
icons_tbar_disabled.bmp scroll_hbg.bmp trackbar_thumb_down.bmp  

menu_sep.bmp is not really needed as it's been replaced by menuitem.bmp.
not referenced in .xml file are activity_speaker_states.bmp, connect_chunkyanim.bmp, dark_connect_chunkyanim.bmp, mute_states.bmp, Voice_Circle.bmp.

12 .png files were introduced
voice_dialpad_0.png voice_dialpad_4.png voice_dialpad_8.png
voice_dialpad_1.png voice_dialpad_5.png voice_dialpad_9.png
voice_dialpad_2.png voice_dialpad_6.png voice_dialpad_10.png
voice_dialpad_3.png voice_dialpad_7.png voice_dialpad_11.png

and we still had 8 .rng files
border_bot.rgn border_top.rgn tool_border_right.rgn
border_left.rgn tool_border_bot.rgn tool_border_top.rgn
border_right.rgn tool_border_left.rgn  

1 .xml file ({skinname}.xml)
with only 1 .jpg file, preview_indigo.jpg, which was used for the preview for selection (preview_indigointl.jpg was dropped)

 

v8.1.0.249
v8 saw 85 .bmp files, 6 more than v7.5
activity_speaker_states.bmp itabs.bmp scroll_hbg.bmp trackbar_thumb_left.bmp
border_bot.bmp menu_bg.bmp scroll_hhandle.bmp trackbar_thumb_right.bmp
border_left.bmp menu_scroll.bmp scroll_vbg.bmp trackbar_thumb_up.bmp
border_right.bmp menu_sep.bmp scroll_vhandle.bmp trackbar_thumb_vert.bmp
border_top.bmp menubar.bmp search_bang.bmp trackbar_v.bmp
button_chevron_down.bmp menubar_states.bmp silver_bg.bmp triangletray.bmp
button_chevron_up.bmp menuitem.bmp statusbar.bmp typedown.bmp
capbuttons.bmp menusearchbar.bmp statusgrabber.bmp up_down.bmp
checkbox.bmp mute_states.bmp sys_menu.bmp up_down_arrow.bmp
columnheads.bmp pab_abook_off.bmp tab_border.bmp up_down_h.bmp
combo.bmp pab_abook_on.bmp tabs.bmp up_down_h_arrow.bmp
combo_arrow.bmp pab_add1.bmp tabs_standard.bmp voice_callbtn.bmp
connect_chunkyanim.bmp pab_mlist1_off.bmp tbar_sep.bmp Voice_Circle.bmp
dark_connect_chunkyanim.bmp pab_mlist1_on.bmp tool_border_bot.bmp voice_ctrls.bmp
dialbtn_pad.bmp photoshare_slider.bmp tool_border_left.bmp voice_lights.bmp
donotdisturb.bmp photoshare_slider_tray.bmp tool_border_right.bmp voice_ringer.bmp
games_close.bmp progressbar.bmp tool_border_top.bmp voice_tbar.bmp
grabbie.bmp pushbuttons.bmp tool_capbuttons.bmp voice_tbar_hold.bmp
groupboxedge.bmp radio.bmp toolbarbuttons.bmp voice_tbar_incoming.bmp
icons_tbar_disabled.bmp scroll_buttons.bmp trackbar_h.bmp  
icons_tbar_hot.bmp scroll_griph.bmp trackbar_thumb_down.bmp  
icons_tbar_normal.bmp scroll_gripv.bmp trackbar_thumb_horz.bmp  

menu_sep.bmp is not really needed as it's been replaced by menuitem.bmp.

not referenced in .xml file are activity_speaker_states.bmp, connect_chunkyanim.bmp, dark_connect_chunkyanim.bmp, mute_states.bmp, Voice_Circle.bmp.
grabbie.bmp no longer needed as v8 references grabbie.png, the .bmp file should be left in, along with the .png file, if you are making a skin that is to be compatible with all versions (v6. v7, v7.5, v8.1)



25 .png files in total, 13 more added for this version
grabbie.png subhdrbg_cls_hover.png voice_dialpad_1.png voice_dialpad_8.png
headerbg.png subhdrbg_hover.png voice_dialpad_2.png voice_dialpad_9.png
slot_empty_bg.png title.png voice_dialpad_3.png voice_dialpad_10.png
slotborder.png title_down.png voice_dialpad_4.png voice_dialpad_11.png
slotborder_we.png title_hover.png voice_dialpad_5.png  
subhdrbg.png title_up.png voice_dialpad_6.png  
subhdrbg_cls.png voice_dialpad_0.png voice_dialpad_7.png  


and we still had 8 .rng files
border_bot.rgn border_top.rgn tool_border_right.rgn
border_left.rgn tool_border_bot.rgn tool_border_top.rgn
border_right.rgn tool_border_left.rgn  

1 .xml file {skinname}.xml

1 .jpg file (preview_indigo.jpg) which was used for the preview for selection

For more detailed information on constructing skins specific to this version see our articles Yahoo! Messenger Skin Reference Table and Yahoo! Messenger v8 .xml file for more information.

 

Pink Skin
Yahoo! provides 4 additonal skins available for download (Celadon, Bronze, Pink and Gray / Orange) but sadly at the time of writing this article the skins still haven't been updated / corrected to make them compatible with Yahoo! Messenger v8. Below is a brief rundown of the files included and what's missing. For specific details on the issues that arise with this skin when applied to Yahoo! Messenger version 8 see our article Yahoo! Messenger Pink .xml file.

the Pink download has 67 .bmp files
border_bot.bmp menubar.bmp tab_border.bmp up_down_h.bmp
border_left.bmp menubar_states.bmp tabs.bmp up_down_h_arrow.bmp
border_right.bmp menuitem.bmp tabs_standard.bmp voice_callbtn.bmp
border_top.bmp photo_ctrl.bmp tbar_sep.bmp voice_ctrls.bmp
button_chevron_down.bmp photo_slider.bmp tool_border_bot.bmp voice_ringer.bmp
button_chevron_up.bmp photo_sliderbg.bmp tool_border_left.bmp voice_tbar.bmp
capbuttons.bmp progressbar.bmp tool_border_right.bmp voice_tbar_incoming.bmp
checkbox.bmp pushbuttons.bmp tool_border_top.bmp  
columnheads.bmp radio.bmp tool_capbuttons.bmp  
combo.bmp scroll_buttons.bmp toolbarbuttons.bmp  
combo_arrow.bmp scroll_griph.bmp trackbar_h.bmp  
games_close.bmp scroll_gripv.bmp trackbar_thumb_down.bmp  
grabbie.bmp scroll_hbg.bmp trackbar_thumb_horz.bmp  
groupboxedge.bmp scroll_hhandle.bmp trackbar_thumb_left.bmp  
icons_tbar_disabled.bmp scroll_vbg.bmp trackbar_thumb_right.bmp  
icons_tbar_hot.bmp scroll_vhandle.bmp trackbar_thumb_up.bmp  
icons_tbar_normal.bmp search_bang.bmp trackbar_thumb_vert.bmp  
menu_bg.bmp statusbar.bmp trackbar_v.bmp  
menu_scroll.bmp statusgrabber.bmp up_down.bmp  
menu_sep.bmp sys_menu.bmp up_down_arrow.bmp  

menu_sep.bmp is not really needed as it's been replaced by menuitem.bmp.
photo_ctrl.bmp not referenced in .xml file

rename:
photo_slider.bmp should be photoshare_slider.bmp
photo_sliderbg.bmp should be photoshare_slider_tray.bmp

missing .bmp files:
menusearchbar.bmp in .xml file but not included in graphics directory (file included with v7-7.5-8)
voice_lights.bmp in .xml file but not included in graphics directory (file included with v7-7.5-8)

v8 has 25 .png files, some of which are actually vital for the skin to be displayed correctly, the files listed below aren't included in the Pink skin download
grabbie.png subhdrbg_cls_hover.png voice_dialpad_1.png voice_dialpad_8.png
headerbg.png subhdrbg_hover.png voice_dialpad_2.png voice_dialpad_9.png
slot_empty_bg.png title.png voice_dialpad_3.png voice_dialpad_10.png
slotborder.png title_down.png voice_dialpad_4.png voice_dialpad_11.png
slotborder_we.png title_hover.png voice_dialpad_5.png  
subhdrbg.png title_up.png voice_dialpad_6.png  
subhdrbg_cls.png voice_dialpad_0.png voice_dialpad_7.png  
as expected these files also aren't referenced in the .xml file

1 .jpg file,{ preview_pink.jpg}, which was used for the preview for selection

6 .rng files are included
border_left.rgn border_top.rgn tool_border_right.rgn
border_right.rgn tool_border_left.rgn tool_border_top.rgn
but the 2 below aren't:
border_bot.rgn tool_border_bot.rgn

1 .xml file (pink.xml)
there is a quite a bit of information missing from the included .xml file some of which needs to be added, for more information and detailed instructions on making Yahoo! Messenger Pink (and Celadon, Bronze, and Gray / Orange) fully compatible with Yahoo! Messenger v8 please see our article Yahoo! Messenger Pink .xml file.


MORE ARTICLES FROM THIS SERIES:
- Yahoo! Messenger Skins
- Installing Yahoo! Messenger Skins
- Making Yahoo! Messenger Skins
- Skin Making Hints, Tips and Tricks
- Skin Problems & Issues with Yahoo! Messenger
- Yahoo! Messenger Skin History
- Yahoo! Messenger Skin Reference Table <--Next
- Yahoo! Messenger v8 .xml file
- Yahoo! Messenger Pink .xml file
- Our Yahoo! Messenger Skins (Downloads)

Last Updated ( Tuesday, 29 May 2007 )
 

want to comment? something to say? check out our forum

Most Downloaded

FileClear/Edit YahooMessenger Status History Downloads:51941
Some users have been looking for a way to clear out their Yahoo Messenger custom status history... So Andy...
Filebee's Yahoo! Messenger Skin Cupid Downloads:36518
I created this skin as part of our Yahoo! Messenger Skins series, you can read, in part, how this skin was...
FileYahooV8Multi.reg Downloads:30205
Yahoo Messenger version 8 supports running multiple versions with a simple registry change that we have av...
FileYahoo! Messenger v800683 Sound Files Downloads:21536
Don't like the sounds & alerts in v8 of Yahoo! Messenger? We have an easy solution for you, download the r...
FileYEmotePLUS (for Yahoo! Messenger v8 ONLY) Downloads:19522
YEmotePLUS gives you access to ALL the secret and hidden Emoticons / Smileys quickly nd easily, Multiple l...

Latest Downloads

FileFlickr Desktop SlideShow
WackyB's Flickr Desktop SlideShow is a new way to view your own and your friends latest flicker photos. Unlike a screen sa...
FileYahoo Messenger Twitter Sync
I've written articles about Twitter over at bee.geek, what am I doing? covered my introduction to Twitter, when I wrote...
FileSkin & Utilities Ultimate Pack!
NOTE: Clicking on the Download button will redirect you to the Skin and utilities pack purchase page, you will receive the...
FileYahoo! Messenger Skin bee's Knitting
The based skin Lilac, was made with YIM Skin Maker PLUS++, after that I edited a couple of the graphics that were generate...
Filebee's Shark
 The based skin Pool, was made with YIM Skin Maker PLUS++, after that I edited the 4 of the graphics generated by add...
in association with...
WackyB.com ~ the social side Instant Messenger .info for your Mac bee's non blogging blog the fun way to capture and broadcast Instant Messenger webcams