Shoutbox

This is how to change MSN7 background. - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Skype & Live Messenger (/forumdisplay.php?fid=10)
+----- Thread: This is how to change MSN7 background. (/showthread.php?tid=32756)

This is how to change MSN7 background. by StoleN.GuitaR on 10-10-2004 at 03:23 AM

GOTO PAGE 4 FOR THE COMPLETED WORKING CODE
StoleN.GuitaR's reply to This is how to change MSN7 background.



Using ResHack, in UIFILE #923(of msnmsgr.exe), look for this part.

code:
    buddylist
    {
        Accessible: true;
        AccRole: 33;
        AccState: 0;
        background: window;
        animation: log | alpha | mediumslow | delayshort;
        alpha: 255;
    }


take it and edit it to the following,

code:
    }
    buddylist
    {
        Accessible: true;
        AccRole: 33;
        AccState: 0;
        background: rcbmp(XXX,1,#000000,XXX,XXX,0,0);
        animation: log | alpha | mediumslow | delayshort;
        alpha: 225;
    }


the bolded parts are the parst you adjust,
the first one is the BITMAP_ID number,
2nd is the width of the image
3rd is the height of the image,

the only downside top this is.. for some reason it tiles the image.. which is annoying, anyhow, it works..

im off to find out how to stop it from tiling..
if ANYONE knows, please post it here.. to save the tiles..

below is an image of the finished product(sadly with tiling)

RE: This is how to change MSN7 background. by DarKnight on 10-10-2004 at 03:42 AM

Good work. :)


RE: This is how to change MSN7 background. by Vantage on 10-10-2004 at 03:45 AM

why dont you just look for lvback.gif ? or is that only in the full release?,


RE: This is how to change MSN7 background. by Joe on 10-10-2004 at 03:48 AM

nice job StoleN.GuitaR


RE: This is how to change MSN7 background. by marissa on 10-10-2004 at 04:16 AM

like, if i put a picture of lets say my avatar, would that work? Or does it have to be just a small, transparent background image? Sorry if this is dumb, im stilla noob :rolleyes:


RE: This is how to change MSN7 background. by illuzn on 10-10-2004 at 06:31 AM

quote:
Originally posted by marissa
like, if i put a picture of lets say my avatar, would that work? Or does it have to be just a small, transparent background image? Sorry if this is dumb, im stilla noob
You can put any bitmap image as the background this includes your avatar (if you open it in a paint program and save it as a bitmap). The only problem may be that you can no longer see your contacts names as the avatar is too dark. In which case you will have to watermark your image. Oh and try not to have a huge bitmap image as it will make your contact list scrolling lag like anything.

quote:
Originally posted by vantage
why dont you just look for lvback.gif ? or is that only in the full release?,
lvback.gif stands for list view background.gif as msn7 no longer uses a list view support for lvback.gif no longer exists... hence why we must reshacker


Also you may notice that the side of your picture gets chopped off.. to avoid this add 35pixels to the left hand side of your picture in your favourite paint program. This should ensure the picture isn't cut off (remember to change the size in the UIFILE now).

Changing the #000000 value supposedly changes the transparency. I assume its in html colour code format where #FFFFFF is white. I haven't tested it but i assume it works.
RE: This is how to change MSN7 background. by illuzn on 10-10-2004 at 08:05 AM

Hrmmm making another object is an interesting idea.... i might try it later. As for changing the stretching argument.. already tried all the documented numbers to no avail.


RE: This is how to change MSN7 background. by StoleN.GuitaR on 10-10-2004 at 08:45 AM

is that using the same UI file as i used? that.. 923? one..

quote:
Originally posted by dannyres
Hm just tried it and got it to work :)  This is what I used:

                                        <buddylist id=atom(buddylistview) layout=filllayout()>
                                            <element layoutpos=bottom layout=filllayout()>
                                                <png layoutpos=right flip=false idres=1096 />
                                            </element>
                                        </buddylist>

Of course change idres to whatever the resource id is, and use png's this time. :)


Dan


would you kindly explain where u placed this to make it work....
RE: This is how to change MSN7 background. by M73A on 10-10-2004 at 09:08 AM

wat do you use to RasHack programs? can anyone give me a download site for it?
thanks


RE: This is how to change MSN7 background. by Chestah on 10-10-2004 at 09:26 AM

Resource Hacker
google it or direct link http://www.users.on.net/johnson/resourcehacker/reshack.zip


RE: This is how to change MSN7 background. by illuzn on 10-10-2004 at 09:57 AM

Unfortunately Dan your method doesn't work well... this is because the image is placed on top of the buddy list. This means that any contacts under it disappear as well as the scroll bar. I tried placing it under the buddy list however it seems the buddy list is not transparent so to fix this needs editing of the buddy list UIFILE #936 (I think).

Edit: I guess I was 5 minutes too late with that one...

heres my code for getting it underneath the contact list

code:
              <png layoutpos=right flip=false idres=1096 />


              <buddylist id=atom(buddylistview) layout=filllayout()>
                         <element layoutpos=bottom layout=filllayout()>
                          </element>
              </buddylist>

Insert the first line of code before the buddylist item. You get to see the picture for 2 seconds when MSN first loads :)
RE: This is how to change MSN7 background. by illuzn on 10-10-2004 at 10:26 AM

Okay problem has been solved...

!WARNING! This requires you to edit the msnmsgr.exe file. I am not responsible for any damage caused by following this advice.

Here are the steps:

1. Open msnmsgr.exe in reshacker (make a backup of original exe first)
2. Import your png file to the PNG resources
          Action->Add New Resource:
               a. select the file
               b. In Resource Type put "PNG" no quotes
               c. In Resource Name put 100
3. a. Open the UIFILE folder on the left
    b. Select the 923 folder
    c. Open the 1023 resource in that folder
4. Find the following code:

code:
              <element layoutpos=client layout=filllayout()>
                  <element background=window />
                  <buddylist id=atom(buddylistview) layout=filllayout() />
              </element>
5. Replace with the following:
code:
            <element layoutpos=client layout=filllayout()>
                <element background=window />
                <png layoutpos=bottom flip=false idres=100 />
                <buddylist id=atom(buddylistview) layout=filllayout() <background=argb(0,255,255,255) />
            </element>
6. Press the Compile Script button
7. Save and run MSN
8. Admire your background

A preview is attached
[Image: attachment.php?pid=319751]

edit: Thanks to Dan for getting me thus far
RE: This is how to change MSN7 background. by tomfletcherman on 10-10-2004 at 06:14 PM

Main window wont open if the image is too large....

like wallpaper size...


RE: This is how to change MSN7 background. by Bradl3y on 10-10-2004 at 06:30 PM

can editing this be done dynamically in memory? this would be an awesome feature of plus


RE: RE: This is how to change MSN7 background. by Bradl3y on 10-10-2004 at 06:52 PM

5. Replace with the following:

code:
            <element layoutpos=client layout=filllayout()>
                <element background=window />
                <png layoutpos=bottom flip=false idres=100 />
                <buddylist id=atom(buddylistview) layout=filllayout() <background=argb(0,255,255,255) />
            </element>


typo there get rid of the < before background


is it possible to align something to the bottomright? bottom puts it at bottom left, where right puts it at top right, i treid bottomright, no luck

i am starting to get a better understanding of this, hte filllayout layout doesnt support corners, the ninegridlayout does, but when i try to use the ninegridlayout, there is no contact list :P

::EDIT::

ok i figured it out, gotta use contentalign, dont need to change layout or layoutpos:

code:
                                    <element layoutpos=client layout=filllayout()>
                                        <element background=window />
                                        <png layoutpos=bottom contentalign=bottomright flip=false idres=100 />
                                        <buddylist id=atom(buddylistview) layout=filllayout() background=argb(0,255,255,255) />
                                    </element>

RE: This is how to change MSN7 background. by tomfletcherman on 10-10-2004 at 08:03 PM

mmmmmmm, gd code work (Y) anyone fancy making a small program that you type the dimensions of your image into, and then choose alignment, and it produce the code for you to enter into reshack?


RE: RE: This is how to change MSN7 background. by Bradl3y on 10-10-2004 at 08:43 PM

quote:
Originally posted by tomfletcherman
mmmmmmm, gd code work (Y) anyone fancy making a small program that you type the dimensions of your image into, and then choose alignment, and it produce the code for you to enter into reshack?


dont need the dimensions :P and jsut copy and paste that and change the alignment and import your png as 100, making a program to generate that little bit of code would be pointless


im havin a little weird thing happenin with this bit of code:

code:
                                    <element layoutpos=client layout=filllayout()>
                                        <element background=window />
                                        <png layoutpos=bottom contentalign=bottomright flip=false idres=100 />
                                        <buddylist id=atom(buddylistview) layout=filllayout() background=argb(0,255,255,255) />
                                    </element>

the contact list is solid black at first, then fades to white, then the contact list comes up and it works, jsut kinda odd with hte black thing
RE: This is how to change MSN7 background. by DarKnight on 10-10-2004 at 10:17 PM

I also get the black fading to white, but only happens once. Nothing major.

Here's an attached shot of what I got, also.

This is way better than lvback.gif. Now you can have a high quality image. :)

Edit: Reason for so few contacts is because it's my testing account. :P


RE: This is how to change MSN7 background. by Bradl3y on 10-11-2004 at 12:24 AM

wonder what causes that black fading to white ill narrow it down to the source!


RE: This is how to change MSN7 background. by DarKnight on 10-11-2004 at 12:45 AM

Me too. Also working on adding a few other things other than the background now.


RE: This is how to change MSN7 background. by Bradl3y on 10-11-2004 at 12:50 AM

:D


what other ideas do you have? i might play around with my contact status icons


RE: This is how to change MSN7 background. by DarKnight on 10-11-2004 at 01:04 AM

On the mess.be forum I seen someone talking about making the contacts DP show beside them on the contact list. I'm currently working on trying to make it work. Dunno if it will or not. But it's fun to mess with messenger. :P  Lol


RE: This is how to change MSN7 background. by Bradl3y on 10-11-2004 at 01:06 AM

that'd be a little more than reshackin tho wouldnt it? heh

wow yeah i found that thread and i was looking at some of that UI code wow... way too deep for my i jsut started getting into this stuff :P


RE: This is how to change MSN7 background. by DarKnight on 10-11-2004 at 02:14 AM

I've been playing around in the UIFILE code since MSN Messenger 6 (Used to make color skins for MSN Messenger 6 before the colorize option came out).

Anyway. If I manage to get it working I'll post about it here.


RE: This is how to change MSN7 background. by Bradl3y on 10-11-2004 at 02:44 AM

I saw a screenshot where some guy was triyng to get that to work, he also had email address below the display name, i dont know fi ti was photoshopped or not, i know that the fake little avatars were, wonder if thats possible cause that was cool


RE: This is how to change MSN7 background. by StoleN.GuitaR on 10-11-2004 at 07:49 AM

quote:
Originally posted by Bradl3y
wonder what causes that black fading to white ill narrow it down to the source!
 
code:
  buddylist
    {
        Accessible: true;
        AccRole: 33;
        AccState: 0;
        background: window;
        animation: log | alpha | mediumslow | delayshort;
        alpha: 255;
    }


remopve the bold then.. from that in the UI file.. its the fading animation for the buddylist, when it loads with an image, it goes slower, because it has to load the image also..
so remove it :)
RE: This is how to change MSN7 background. by StoleN.GuitaR on 10-11-2004 at 08:30 AM

(Edited by Myself from illuzn's code)

OK guys..

to get the image, do the following

!WARNING! This requires you to edit the msnmsgr.exe file. I am not responsible for any damage caused by following this advice.

Here are the steps:

1. Open msnmsgr.exe in ResHacker (make a backup of original exe first)
2. Import your png file to the PNG resources
          Action->Add New Resource:
               a. select the file
               b. In Resource Type put "PNG" no quotes
               c. In Resource Name put 2808
3. a. Open the UIFILE folder on the left
    b. Select the 923 folder
    c. Open the 1033 resource in that folder
4. Replace ALL the text in the UIFILE>923>1033 file with the following code:

code:
<style resid=wpdropdownss>
    element
    {
        fontface: rcstr(2016);
        fontsize: rcint(2015) pt;
        background: window;
        bordercolor: window;
        borderthickness: rect(0,0,0,0);
    }
    element[class="MenuSeparator"]
    {
        borderthickness: rect(0,0,0,0);
        background: ifhc(menutext, rgb(222,222,222));
        height: 1;
        padding: rect(1,0,1,0);
    }
    element[class="WallpaperSeparator"]
    {
        borderthickness: rect(0,0,0,1);
        bordercolor: ifhc(menutext, rgb(222,222,222));
        height: 5;
        layoutpos: bottom;
    }
    menubutton[class="MenuItem"]
    {
        background: ifhc(menu, window);
        foreground: ifhc(menutext, windowtext);
        borderthickness: rect(0,0,0,0);
        padding: rect(17,3,17,4);
        Accessible: true;
        AccRole: 12;
        AccDefAction: rcstr(60047);
        tooltip: true;
    }
    menubutton[class="MenuItem"][enabled=false]
    {
        foreground: graytext;
    }
    menubutton[class="MenuItem"][keyfocused]
    {
        background: ifhc(highlight, rgb(241,238,231));
        bordercolor: ifhc(highlighttext, rgb(0,16,123));
        foreground: ifhc(highlighttext, windowtext);
        borderthickness: rect(1,1,1,1);
        padding: rect(16,2,16,3);
    }     
    menubutton[class="EmoticonMenuItem"]
    {
        background: ifhc(menu, window);
        foreground: ifhc(menutext, windowtext);
        borderthickness: rect(0,0,0,0);
        padding: rect(5,3,5,4);
        Accessible: true;
        AccRole: 12;
        AccDefAction: rcstr(60047);
        tooltip: true;
    }
    menubutton[class="EmoticonMenuItem"][enabled=false]
    {
        foreground: graytext;
    }
    menubutton[class="EmoticonMenuItem"][keyfocused]
    {
        background: ifhc(highlight, rgb(241,238,231));
        bordercolor: ifhc(highlighttext, rgb(0,16,123));
        foreground: ifhc(highlighttext, windowtext);
        borderthickness: rect(1,1,1,1);
        padding: rect(4,2,4,3);
    }       
    png[class="EmoticonImage"]
    {
        padding: rect(0,0,0,0);
    }
    png
    {
        padding: rect(-8,-2,16,-3);
    }
    menubutton[class="MenuItemInkColor"]
    {
        background: argb(0,0,0,0);
        padding: rect(3,3,3,3);
        borderthickness: rect(0,0,0,0);
        Accessible: true;
        AccRole: 12;
        AccDefAction: rcstr(60047);
        tooltip: true;
    }
    menubutton[class="MenuItemInkColor"][keyfocused]
    {
        borderthickness: rect(1,1,1,1);
        padding: rect(2,2,2,2);
        bordercolor: rgb(49,106,197);
        background: argb(48,49,106,197);
    }
    element[class="ColorSwatch"]
    {
        padding: rect(0,0,0,0);
        bordercolor: threedshadow;
        height: 20;
        width: 20;
        borderthickness: rect(1,1,1,1);
        tooltip: true;
    }
    element[class="ColorizerSwatch"]
    {
        padding: rect(0,0,0,0);
        bordercolor: black;
        height: 20;
        width: 20;
        borderthickness: rect(1,1,1,1);
        tooltip: true;
    }
    element[id=atom(wpdropdown)]
    {
        bordercolor: graytext;
        borderthickness: rect(1,1,1,1);
        padding: rect(1,1,1,1);
    }
    wallpaperview
    {
        background: window;
        bordercolor: window;
        borderthickness: rect(1,1,1,1);
        padding: rect(0,0,0,0);
        width: 82;
        height: 62;
        layoutpos: client;
        Accessible: true;
        AccName: rcstr(44058);
        AccRole: 12;
        AccDefAction: rcstr(60047);
        tooltip: true;
    }
    wallpaperview[keyfocused]
    {
        background: ifhc(highlight, rgb(241,238,231));
        bordercolor: ifhc(highlighttext, rgb(0,16,123));
    }
    element[class="WallpaperFrame"]
    {
        padding: rect(4,4,4,4);
    }
    element[class="MenuNav"]
    {
        background: ifhc(menu, window);
        foreground: ifhc(menutext, windowtext);
        borderthickness: rect(0,0,0,0);
        padding: rect(17,2,17,2);
        contentalign: middlecenter;
    }
    cmdbutton[class="MenuNav"]
    {
        background: ifhc(menu, window);
        foreground: ifhc(menutext, windowtext);
        borderthickness: rect(0,0,0,0);
        padding: rect(1,1,1,1);
        fontsize: 13;
        contentalign: middlecenter;
        Accessible: true;
        AccName: rcstr(44057);
        AccRole: 43;
        AccDefAction: rcstr(60047);
        AccDesc: rcstr(44054);
        tooltip: true;
        buttonstyle: customborder | syncmousekeyfocus;
    }
    cmdbutton[class="MenuNav"][keyfocused]
    {
        background: ifhc(highlight, rgb(241,238,231));
        foreground: ifhc(highlighttext, windowtext);
    }
    cmdbutton[class="MenuNav"][enabled=false]
    {
        foreground: graytext;
    }
    element[id=atom(defaultswatch)]
    {
        background: rgb(207,221,244);
    }
    cmdbutton[class="Link"]
    {
        foreground: argb(255,0,0,255);
        Accessible: true;
        AccRole: 43;
        AccState: 256;
        contentalign: wrapcenter;
    }
    cmdbutton[class="Link"][mousefocused]
    {
        fontstyle: rcint(2000);
        cursor: hand;
    }
</style>
<Style resid=STDDLGSS>
    viewer
    {
        layoutpos: nineclient;
    }
    simplescrollbar
    {
    colorize: -2;
    layoutpos: ninebottom;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60061);
    AccRole: 3;
    }
    simplescrollbar [vertical]
    {
    colorize: -2;
    layoutpos: nineright;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60062);
    AccRole: 3;
    }
    scrollbar
    {
    colorize: -2;
    layoutpos: ninebottom;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60061);
    AccRole: 3;
    }
    scrollbar [vertical]
    {
    colorize: -2;
    layoutpos: nineright;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60062);
    AccRole: 3;
    }
    thumb
    {
    colorize: -2;
        background: ifhc(scrollbar, rcbmp(1003,5,#FF00FF,0,0,1,0));
        borderthickness: ifhc(rect(2,2,2,2), rect(3,3,3,3));
        borderstyle: ifhc(raised, solid);
        content: ifhc("", rcbmp(1004,0,#FF00FF,8rp,8rp,1,0));
        contentalign: middlecenter;
    }
    repeatbutton[class="Page"]
    {
    colorize: -2;
    }
    repeatbutton[class="Line"]
    {
    colorize: -2;
    background: ifhc(scrollbar, argb(0,0,0,0));
    width: ifhc(-1, 15);
    height: ifhc(-1, 15);
    borderthickness: ifhc(rect(2,2,2,2), rect(1,1,1,1));
    fontface: "Marlett";
    fontsize: sysmetric(-10);
    borderstyle: ifhc(raised, solid);
    foreground: ifhc(captiontext, windowtext);
    padding: ifhc(rect(0,0,1,1), rect(0,0,0,0));
    }
    repeatbutton[class="Line"][pressed]
    {
    padding: ifhc(rect(1,1,0,0), rect(0,0,0,0));
    borderstyle: ifhc(sunken, solid);
    }
    repeatbutton [id=atom(lineup)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1001,5,-1,15rp,15rp,0,0));   
    content: ifhc("5", "");
    Accessible: true;
    AccName: rcstr(60063);
    AccRole: 43;
    }
    repeatbutton [id=atom(linedown)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1002,5,-1,15rp,15rp,0,0));   
    content: ifhc("6", "");
        Accessible: true;
        AccName: rcstr(60064);
        AccRole: 43;
    }
    repeatbutton [id=atom(lineleft)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1005,5,-1,15rp,15rp,0,0));
    content: ifhc("3", "");       
        Accessible: true;
        AccName: rcstr(60066);
        AccRole: 43;
    }
    repeatbutton [id=atom(lineright)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1006,5,-1,15rp,15rp,0,0));
    content: ifhc("4", "");       
        Accessible: true;
        AccName: rcstr(60065);
        AccRole: 43;
    }
    DialogHost
    {
        background: window;
    }
    scrollbar
    {
        colorize: enabled;
        layoutpos: ninebottom;
        background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
        borderthickness: rect(1,0,1,0);
        bordercolor: ifhc(captiontext, rgb(214,221,243));
        Accessible: true;
        AccName: rcstr(60061);
        AccRole: 3;
    }
    scrollbar [vertical]
    {
        colorize: enabled;
        layoutpos: nineright;
        background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
        borderthickness: rect(1,0,1,0);
        bordercolor: ifhc(captiontext, rgb(214,221,243));
        Accessible: true;
        AccName: rcstr(60062);
        AccRole: 3;
    }
    element
    {
        fontface: rcstr(2016);
        background: argb(0,0,0,0);
        fontsize: rcint(2015) pt;
        foreground: windowtext;
        bordercolor: ifhc(buttonshadow, rgb(68,96,151));
        borderthickness: rect(0,0,0,0);
    }
    element[enabled=false]
    {
        foreground: graytext;
    }   
    cmdbutton
    {
        background: ifthemed(dtb(handlemap(2), 1, 1), buttonface);
        contentalign: middlecenter;
        borderthickness: ifhc(rect(2,2,2,2),ifthemed(rect(0,0,0,0), rect(2,2,2,2)));
        borderstyle: ifthemed(solid, raised);
        bordercolor: ifhc(white, ifthemed(argb(0,0,0,0), buttonface));
        padding: rect(6,6,6,6);
        margin: rect(4,3,4,3);
        Accessible: true;
        AccRole: 43;
        AccDefAction: rcstr(60047);
        tooltip: true;
        buttonstyle: ifhc(FocusRectStd, FocusRect3d);
    }
    cmdbutton[selected]
    {
        background: ifthemed(dtb(handlemap(2), 1, 5), buttonface);
    }
    cmdbutton[mousefocused]
    {
        background: ifthemed(dtb(handlemap(2), 1, 2), buttonface);
    }
    cmdbutton[pressed]
    {
        padding: ifthemed(rect(6,6,6,6),rect(7,7,5,5));
        background: ifthemed(dtb(handlemap(2), 1, 3), buttonface);
        borderstyle: ifthemed(solid,sunken);
    }
    cmdbutton[enabled=false]
    {
        foreground: graytext;
        background: ifthemed(dtb(handlemap(2), 1, 4), buttonface);
    }
    CmdCheckBox
    {
        Accessible: true;
        AccRole: 44;
        AccState: 0;
        AccDefAction: rcstr(60047);
        buttonstyle: focusrect3d;
        flip: false;
        idres: 1086;
    }
    CmdCheckBox[MouseFocused]
    {
        idres: 1088;
    }
    CmdCheckBox[selected]
    {
        AccState: 16;
        idres: 1087;
    }   
    CmdCheckBox[selected][MouseFocused]
    {
        AccState: 16;
        idres: 1089;
    }
    urlelem
    {
        Accessible: true;
        AccDefAction: rcstr( 60047 );
        AccRole: 43;
        Background: argb(0,0,0,0);
        Foreground: ifhc(menutext, ifhc(hotlight, blue));
        Tooltip: true;
        fontstyle: rcint(2000);
        buttonstyle: focusrect3d;
    }
    urlelem[ enabled=false ]
    {
        Foreground: graytext;
    }
    urlelem[ mousefocused ]
    {
        Cursor: hand;
        Foreground: ifhc(menutext, ifhc(hotlight, rgb(100,127,205)));
    }
</style>
<style resid=mainwndss>
    viewer
    {
        layoutpos: nineclient;
    }
    simplescrollbar
    {
    colorize: -2;
    layoutpos: ninebottom;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60061);
    AccRole: 3;
    }
    simplescrollbar [vertical]
    {
    colorize: -2;
    layoutpos: nineright;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60062);
    AccRole: 3;
    }
    scrollbar
    {
    colorize: -2;
    layoutpos: ninebottom;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60061);
    AccRole: 3;
    }
    scrollbar [vertical]
    {
    colorize: -2;
    layoutpos: nineright;
    background: ifhc(buttonshadow, gradient(rgb(223,229,246), rgb(243,245,251), 0));
    borderthickness: rect(1,0,1,0);
    bordercolor: ifhc(captiontext, rgb(214,221,243));
    Accessible: true;
    AccName: rcstr(60062);
    AccRole: 3;
    }
    thumb
    {
    colorize: -2;
        background: ifhc(scrollbar, rcbmp(1003,5,#FF00FF,0,0,1,0));
        borderthickness: ifhc(rect(2,2,2,2), rect(3,3,3,3));
        borderstyle: ifhc(raised, solid);
        content: ifhc("", rcbmp(1004,0,#FF00FF,8rp,8rp,1,0));
        contentalign: middlecenter;
    }
    repeatbutton[class="Page"]
    {
    colorize: -2;
    }
    repeatbutton[class="Line"]
    {
    colorize: -2;
    background: ifhc(scrollbar, argb(0,0,0,0));
    width: ifhc(-1, 15);
    height: ifhc(-1, 15);
    borderthickness: ifhc(rect(2,2,2,2), rect(1,1,1,1));
    fontface: "Marlett";
    fontsize: sysmetric(-10);
    borderstyle: ifhc(raised, solid);
    foreground: ifhc(captiontext, windowtext);
    padding: ifhc(rect(0,0,1,1), rect(0,0,0,0));
    }
    repeatbutton[class="Line"][pressed]
    {
    padding: ifhc(rect(1,1,0,0), rect(0,0,0,0));
    borderstyle: ifhc(sunken, solid);
    }
    repeatbutton [id=atom(lineup)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1001,5,-1,15rp,15rp,0,0));   
    content: ifhc("5", "");
    Accessible: true;
    AccName: rcstr(60063);
    AccRole: 43;
    }
    repeatbutton [id=atom(linedown)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1002,5,-1,15rp,15rp,0,0));   
    content: ifhc("6", "");
        Accessible: true;
        AccName: rcstr(60064);
        AccRole: 43;
    }
    repeatbutton [id=atom(lineleft)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1005,5,-1,15rp,15rp,0,0));
    content: ifhc("3", "");       
        Accessible: true;
        AccName: rcstr(60066);
        AccRole: 43;
    }
    repeatbutton [id=atom(lineright)]
    {
    colorize: -2;
    background: ifhc(scrollbar, rcbmp(1006,5,-1,15rp,15rp,0,0));
    content: ifhc("4", "");       
        Accessible: true;
        AccName: rcstr(60065);
        AccRole: 43;
    }
    simplescrollbar[enabled=false]
    {
        visible: false;
    }
    element
    {
        fontface: rcstr(2016);
        fontsize: rcint(2015) pt;
        margin: Rect(0,0,0,0);
        background: argb(0,0,0,0);
        bordercolor: ifhc(buttonshadow, rgb(131,150,195));
        foreground: ifhc(windowtext, rgb(0,0,117));
    }
    element[enabled=false]
    {
        foreground: graytext;
    }
    png
    {
        background: argb(0,0,0,0);
    }
    button[enabled=false]
    {
        foreground: graytext;
    }
    button
    {
        contentalign: middlecenter;
        background: argb(0,0,0,0);
        padding:rect(10,3,10,3);
        Accessible: true;
        AccRole: 43;
        AccDefAction: rcstr(60047);
    }
    wledit
    {
        foreground: ifhc(windowtext, rgb(0,0,117));
        background: argb(0,0,0,0);
    }
    wledit[class="ReadOnlyText"]
    {
        richeditstyle: RichText | HideSelection | DisableDrag | ReadOnly;
    }
    cmdbutton
    {
        Accessible: true;
        AccRole: 43;
        AccDefAction: rcstr(60047);
        buttonstyle: focusrect3d;
    }
    CmdCheckBox
    {
        Accessible: true;
        AccRole: 44;
        AccState: 0;
        AccDefAction: rcstr(60047);
        buttonstyle: focusrect3d;
    }
    element [id=atom(mainwndframe)]
    {
        layoutpos: client;
    }
    element[id=atom(browserstatus)]
    {   
        Accessible: true;
        fontsize: rcint(2019) pt;   
        fontweight: rcint(1999);
        foreground: ifhc(windowtext, rgb(60,77,129));       
    }
    LogonWindow [id=atom(LogonWindow)]
    {
        LayoutPos:client;
    }
    Element [class="LayoutBottom"]
    {
        LayoutPos:bottom;
    }
    Element [id=atom(idSignInUpper)]
    {
        LayoutPos:top;
    }
    Element [id=atom(idSignInMain)]
    {
        LayoutPos:client;
    } 
    png [ id=atom(idSignInDotNet) ]
    {
        contentalign: bottomright;
        idres: 757;
        padding: ifhc(rect(0,0,2,2), rect(-7,-10,-18,-4));
    }
    cmdbutton[id=atom(idSignInBtn)]
    {
        borderthickness: ifhc(rect(1,1,1,1), rect(8,10,8,15));
        fontweight: rcint(1999);
        foreground: rgb(47,74,143);
        background: argb(0,0,0,0);
        idres: 789;
        padding: rect(13,-1,13,-8);
        Accessible: true;
        AccName: rcstr(61219);
        AccRole: 43;
        AccState: 256;
        AccDesc: rcstr(81);
        tooltip: true;
        contentalign: middlecenter;
    }
    cmdbutton[id=atom(idSignInBtn)][mousefocused]
    {
        foreground: rgb(100,127,205);
        cursor: hand;
    }
    cmdbutton[id=atom(idSignInBtn)][pressed]
    {
        idres: 790;
        padding: rect(14,0,12,-9);
    }
    cmdbutton[id=atom(idCancelBtn)]
    {
        borderthickness: ifhc(rect(1,1,1,1), rect(8,10,8,15));
        fontweight: rcint(1999);
        foreground: rgb(47,74,143);
        background: argb(0,0,0,0);
        idres: 789;
        padding: rect(13,-1,13,-8);
        Accessible: true;
        AccName: rcstr(61512);
        AccRole: 43;
        AccState: 256;
        AccDesc: rcstr(61718);
        tooltip: true;
        contentalign: middlecenter;
    }
    cmdbutton[id=atom(idCancelBtn)][mousefocused]
    {
        foreground: rgb(100,127,205);
        cursor: hand;
    }
    cmdbutton[id=atom(idCancelBtn)][pressed]
    {
        idres: 790;
        padding: rect(14,0,12,-9);
    }
    element[id=atom(idSignInName)]
    {
        foreground: ifhc(windowtext, rgb(0,0,117));
        fontsize: rcint(2019) pt;
        fontweight: rcint(1999);
        layoutpos: top;
    }
    element[id=atom(idSignInBtnBk)]
    {
        padding: rect(1,3,4,3);
        layoutpos: top;
    }
    cmdbutton[class="SignInOtherButton"]
    {
        foreground: rgb(47,74,143);
        Accessible: true;
        AccRole: 43;
        AccState: 256;
        AccDesc: rcstr(82);
        AccName: rcstr(82);
        tooltip: true;
        contentalign: wrapcenter;
    }
    cmdbutton[class="SignInOtherButton"][mousefocused]
    {
        fontstyle: rcint(2000);
        foreground: rgb(100,127,205);
        cursor: hand;
    }
    element [class="SigninStatusText"]
    {
        fontface: rcstr(2016);
        fontsize: rcint(2015) pt;
        foreground: windowtext;
        padding: rect(8,2,5,0);
        contentalign: middlecenter;
    }
    CmdCheckBox[class="CaptionMiniBtn"]
    {
        colorize: enabled;
        idres: 1064;
        foreground: ifhc(windowtext, rgb(68,96,151));
        isbackground: false;
        bordercolor: argb(0,0,0,0);
        background: argb(0,0,0,0);
        padding: rect(3,1,3,1);
        Accessible: true;
        tooltip: true;
        buttonstyle: focusrect3d;
        width: 22;
        height: 18;
    }
    CmdCheckBox[class="CaptionMiniBtn"][mousefocused]
    {
        idres: 1065;
    }
    CmdCheckBox[class="CaptionMiniBtn"][pressed]
    {
        padding: rect(4,2,2,0);
    }
    CmdCheckBox[class="CaptionMiniBtn"][selected]
    {
        idres: 1066;
    }
    CmdCheckBox[class="CaptionMiniBtn"][selected][mousefocused]
    {
        idres: 1067;
    }
    png[id=atom(togglebtnimg)][selected=false]
    {
        padding: rect(1,1,-1,-1);
    }
    element[id=atom(togglecont)]
    {
        layoutpos: top;
    }
    CmdCheckBox[id=atom(togglebtn)]
    {
        layoutpos: left;
        AccName: rcstr(120);
        AccDesc: rcstr(47001);
    }
    CmdCheckBox[id=atom(togglebtn)][selected]
    {
        AccDesc: rcstr(47002);
    }
    element[id=atom(minmaxclosebase)]
    {
        layoutpos: right;
        padding: rect(4,1,0,0);
    }
    element[id=atom(messengertext)][windowactive=true]
    {
        foreground: rgb(21,50,144);
    }
    element[id=atom(messengertext)][windowactive=false]
    {
        foreground: rgb(147,164,197);
    }
    png[class="CaptionImg"][windowactive=false]
    {
        alpha: 128;
    }
    cmdbutton[class="CaptionBtn"]
    {
        colorize: enabled;
        foreground: ifhc(windowtext, rgb(68,96,151));
        isbackground: false;
        background: argb(0,0,0,0);
        padding: rect(1,0,1,1);
        Accessible: true;
        AccRole: 43;
        tooltip: true;
        buttonstyle: customborder | borderonselected | focusrect3d;
    }
    cmdbutton[class="CaptionBtn"][enabled=false]
    {
        foreground: graytext;
    }
    cmdbutton[class="CaptionBtn"][mousefocused]
    {       
        background: ifhc(highlight, rgb(242,245,251));
    }
    cmdbutton[class="CaptionBtn"][selected]
    {
        background: ifhc(highlight, rgb(242,245,251));
    }
    cmdbutton[class="CaptionBtn"][pressed]
    {
        background: ifhc(highlight, rgb(242,245,251));
    }
    MeArea [id=atom(idMeArea)]
    {
        LayoutPos:top;
    }
    cmdbutton  [id=atom(statuschooser)]
    {
        Accessible: true;
        AccName: rcstr(61128);
        AccDesc: rcstr(61129);
        AccRole: 43;
        tooltip: true;
        foreground: windowtext;
    }
    cmdbutton  [id=atom(logonstatuschooser)]
    {
        Accessible: true;
        AccName: rcstr(61128);       
        AccRole: 47;       
    }
    usertileview
    {
        colorize: enabled;
        borderthickness: rect(1,1,1,1);
        background: ifhc(buttonshadow, rgb(235,241,250));
        bordercolor: ifhc(buttonshadow, rgb(68,96,151));
    }
    usertileview[ id=atom(idMainWndUserTile) ]
    {
        colorize:           enabled;
        borderthickness:    ifhc(rect(1,1,1,1), rect(5,6,5,6));
        bordercolor:        ifhc(buttonshadow, rgb(68,96,151));
        background:         ifhc(window, argb(0,0,0,0));
        blendmode:          7;
        isbackground:       true;
        idres:              ifhc(0, 1044);
        tooltip:            true;
        Accessible:         true;
        AccName:            rcstr(60051);
        AccRole:            43;
        AccDesc:            rcstr(44034);
        hasRoundedCorners:  true;
    }
    usertileview[ id=atom(idMainWndUserTile) ][ mousefocused ]
    {
        cursor: hand;
    }
    usertileview[ id=atom(idMainWndUserTile)][ dropfocus ]
    {
        hasRoundedCorners:  false;
        borderthickness:    rect(1,1,1,1);
        bordercolor:        ifhc(buttonshadow, rgb(68,96,151));
        idres:              0;
        background:         highlight;
        alpha:              128;
    }
    cmdbutton[class="TasklistBtn"]
    {
        colorize: enabled;
        foreground: ifhc(windowtext, rgb(68,96,151));
        Accessible: true;
        AccRole: 43;
        tooltip: true;
        buttonstyle: focusrect3d;
    }
    cmdbutton[class="TasklistBtn"][mousefocused]
    {
        fontstyle: rcint(2000);
        foreground: rgb(100,127,205);
        cursor: hand;
    }
    cmdbutton[class="ToolbarBtn"]
    {
        colorize: enabled;
        foreground: ifhc(windowtext, rgb(68,96,151));
        isbackground: false;
        background: argb(0,0,0,0);
        padding: rect(5,2,5,2);
        height: 23;
        Accessible: true;
        AccRole: 43;
        tooltip: true;
        buttonstyle: customborder | borderonselected | focusrect3d;
    }
    cmdbutton[class="ToolbarBtn"][enabled=false]
    {
        foreground: graytext;
    }
    cmdbutton[class="ToolbarBtn"][mousefocused]
    {
        background: ifhc(highlight, rgb(242,245,251));
        cursor: hand;
    }
    cmdbutton[class="ToolbarBtn"][selected]
    {
        background: ifhc(highlight, rgb(242,245,251));
    }
    cmdbutton[class="ToolbarBtn"][pressed]
    {
        background: ifhc(highlight, rgb(242,245,251));
    }
    png[class="ToolbarIcon"]
    {
        padding: rect(0,0,0,0);
    }
    png[class="ToolbarIcon"][mousefocused]
    {
        background: argb(0,0,0,0);
        borderthickness: rect(0,0,0,0);
    }
    png[class="ToolbarIcon"][keyfocused]
    {
        background: argb(0,0,0,0);
    }
    png[class="ToolbarIcon"][selected]
    {
        background: argb(0,0,0,0);
    }
    png[class="ToolbarIcon"][pressed]
    {
        background: argb(0,0,0,0);
    }
    png[class="ToolbarIcon"][enabled=false]
    {
        alpha: 178;
        colorize: graytext;
    }
    png[class="Icon"][enabled=false]
    {
        alpha: 178;
        colorize: graytext;
    }
    emoticontext[id=atom(idFriendlyName)]
    {
        contentalign: endellipsis;
        foreground: windowtext;
        fontsize: 11 pt;
        fontweight: rcint(1999);
    }   
    emoticontext[id=atom(idFriendlyName)][mousefocused]
    {
        cursor: hand;
    }   
    element[class="ToolbarCaret"]
    {
        fontface: "Marlett";
        fontsize: 10;
        content: "6";
        padding: rect(1,0,0,1);
    }
    element[id=atom(idSearchContainer)]
    {
        layoutpos: bottom;
    }
    element [id=atom(searchtextcontainer)]
    {
        background: window;
        bordercolor: ifhc(buttonshadow, rgb(131,150,195));
        borderthickness: rect(1,1,1,1);       
    }
    IMInput[id=atom(idSearchText)]
    {
        background: argb(0,0,0,0);
        foreground: ifhc(windowtext, rgb(60,77,129));
        richeditstyle: PlainText | SaveSelection;
        contentalign: middleleft;       
        Accessible: true;
        AccName: rcstr(39700);
        AccRole: 42;
        AccDesc: rcstr(39702);       
        tooltip: true;
    }
    element[id=atom(idSearchTextBackground)]
    {
        contentalign: middleleft;   
        foreground: graytext;
        background: window;
        bordercolor: ifhc(buttonshadow, rgb(131,150,195));
        borderthickness: rect(1,1,1,1);
        borderstyle: ifhc(raised, solid);           
    }
    element[class="SearchButtonBk"]
    {
        colorize: enabled;
        padding: rect(4,0,0,0);
        layoutpos: right;
    }
    cmdbutton[class="TabButton"]
    {
        layoutpos: bottom;
        colorize: enabled;
        foreground: ifhc(windowtext, rgb(68,96,151));
        isbackground: false;
        background: argb(0,0,0,0);
        Accessible: true;
        AccRole: 43;
        tooltip: true;
        animation: rectanglev | fast | log;
    }
    cmdbutton[class="TabButton"][enabled=false]
    {
        foreground: graytext;
        alpha: 178;
        colorize: graytext;
    }
    msblTabs[id=atom(tabmanager)]
    {
        layoutpos: left;
    }
    png[id=atom(tabbk)]
    {
        padding: rect(0,0,0,0);
        idres: 763;
    }
    png[id=atom(tabbk)][selected]
    {
        idres: 762;
    }
    png[id=atom(tabbk)][mousefocused][selected=false]
    {
        idres: 764;
    }
    png[id=atom(tabbk)][keyfocused][selected=false]
    {
        idres: 764;
    }
    png[id=atom(tabicon)]
    {
        alpha: 178;
    }
    png[id=atom(tabicon)][mousefocused]
    {
        alpha: 255;
    }
    png[id=atom(tabicon)][selected]
    {
        alpha: 255;
    }
    cmdbutton[class="TabScrollBtn"]
    {
        contentalign: middlecenter;
        padding: rect(0,0,0,2);
        Accessible: true;
        AccRole: 43;
        tooltip: true;
    }
    cmdbutton[class="TabScrollBtn"][selected=false]
    {
        alpha: 178;
        colorize: graytext;
    }
    cmdbutton[class="TabScrollBtn"][selected]
    {
        alpha: 255;
        colorize: enabled;
    }
    cmdbutton[id=atom(tabscrollup)]
    {
        AccName: rcstr(4237);
        AccDesc: rcstr(4236);
        idres: 751;
    }   
    cmdbutton[id=atom(tabscrollup)][mousefocused][selected]
    {
        idres: 753;
    }
    cmdbutton[id=atom(tabscrolldown)]
    {
        AccName: rcstr(4239);
        AccDesc: rcstr(4238);
        idres: 750;
    }
    cmdbutton[id=atom(tabscrolldown)][mousefocused][selected]
    {
        idres: 752;
    }
    adbrowser
    {
        Accessible: true;
        AccName: rcstr(87);   
    }
    element[id=atom(maininfobarholder)]
    {
        colorize: enabled;
        background: window;
        alpha: 201;
        padding: rect(1,1,1,0);
    }
    infobar[id=atom(maininfobar)]
    {
        colorize: enabled;
        background: infobackground;
        foreground: infotext;
        borderthickness: rect(1,1,1,1);
        bordercolor: ifhc(windowtext, ifhc(buttonshadow, rgb(68,96,151)));
        animation: exp | alpha | slow;
    }
    htmlview[id=atom(maininfobartext)]
    {
        background: argb(0,0,0,0);
        foreground: infotext;
        contentalign: WrapLeft;
        Accessible: true;
        AccName: rcstr(60050);
        AccRole: 41;
    }
    buddylist
    {
        Accessible: true;
        AccRole: 33;
        AccState: 0;
        background: window;
        alpha: 255;
    }
    cmdbutton[id=atom(idAddContact)]
    {
        layoutpos: bottom;
    }
</style>
<style resid=MeAreaDropdownSS>
element
{
    fontface: ifhc(sysmetricstr(2), rcstr(2016));
    fontsize: ifhc(sysmetric(-4), rcint(2015) pt);
    fontweight: ifhc(sysmetric(-5), Normal);
    fontstyle: ifhc(sysmetric(-6), None);
    background: argb(0,0,0,0);
    bordercolor: ifhc(menu, window);
    foreground: ifhc(menutext, windowtext);
    borderthickness: rect(0,0,0,0);
}
element[ class="MenuRoot" ]
{
    Background: ifhc(menu, ifhc(menu, rgb( 238, 243, 250 )));
    BorderColor: ifhc(menutext, rgb( 67, 95, 150 ));
    BorderThickness: rect( 1, 1, 1, 1 );
    Padding: rect( 0, 0, 0, 0 );
}
element[ id=atom(MenuInsideBorder) ]
{
    Background: argb(0,0,0,0);
    BorderColor: ifhc(menu, window);
    BorderThickness: rect( 2, 2, 2, 2 );
    Padding: rect( 0, 0, 0, 0 );
}
element[ id=atom(MenuSeparator) ]
{
    Layoutpos: top;
    Borderthickness: rect( 0, 0, 0, 2 );
    Background: ifhc(menutext, rgb( 203, 216, 239 ));
    Foreground: ifhc(argb(0,0,0,0),white);
    Height: 3;
    Padding: rect( 0, 0, 0, 0);
}
element[ id=atom(menugrp) ]
{
    Layoutpos: bottom;
    BorderColor: ifhc(menutext, rgb( 203, 216, 239 ));
    Background: argb(0,0,0,0);
    Borderthickness: rect(0,0,0,0);
    Padding: rect( 4, 0, 4, 0 );
}
element[ id=atom(menugrp) ][ class="TwoColumnMode" ]
{
    Padding: rect( 0, 0, 0, 0 );
}
element[ id=atom(contentgrp) ]
{
    BorderColor: ifhc(menutext, rgb( 203, 216, 239 ));
    background: argb(0,0,0,0);
    borderthickness: rect(0,0,0,0);
    Padding: rect( 4, 4, 4, 4 );
}
element[ id=atom(contentgrp) ][ class="TwoColumnMode" ]
{
    borderthickness: rect(0,0,1,0);
    Padding: rect( 4, 4, 4, 0 );
}
menubutton[ class="MenuItem" ]
{
    Accessible: true;
    AccDefAction: rcstr( 60047 );
    AccRole: 12;
    Background: argb(0,0,0,0);
    Foreground: ifhc(menutext, windowtext);
    padding: rect(17,3,17,4);
    Tooltip: true;
}
menubutton[ class="MenuItem" ][ enabled=false ]
{
    Foreground: graytext;
}
menubutton[ class="MenuItem" ][ keyfocused ]
{
    background: ifhc(highlight, rgb(241,238,231));
    bordercolor: ifhc(highlighttext, rgb(0,16,123));
    foreground: ifhc(highlighttext, windowtext);
    BorderThickness: rect( 1, 1, 1, 1 );
    padding: rect(16,2,16,3);
}     
menubutton[ class="MenuContentItem" ]
{
    Accessible: true;
    AccDefAction: rcstr( 60047 );
    AccRole: 12;
    Background: argb(0,0,0,0);
    Foreground: ifhc(menutext, windowtext);
    BorderThickness: rect( 0, 0, 0, 0 );
    padding: rect( 2, 2, 2, 2 );
    margin: rect( 2, 0, 2, 0 );
    Tooltip: true;
}
menubutton[ class="MenuContentItem" ][ enabled=false ]
{
    Foreground: graytext;
}
menubutton[ class="MenuContentItem" ][ mousefocused ][ id=atom(DynamicContent) ]
{
    cursor: hand;
}
element[ id=atom( emoticoncont ) ]
{
    borderthickness: rect(0,0,0,0);
    padding: rect(1,1,1,1);
}
element[ id=atom( emoticonbottomborder ) ]
{
    layoutpos: bottom;
    borderthickness: rect(2,0,2,0);
    bordercolor: ifhc(menu, ifhc(menu, rgb( 238, 243, 250 )));
    background: ifhc(menutext, graytext);
    height: 1;
}
menubutton[ class="EmoticonMenuItem" ]
{
    Accessible: true;
    AccDefAction: rcstr( 60047 );
    AccRole: 12;
    Background: argb(0,0,0,0);
    Foreground: ifhc(menutext, windowtext);
    BorderThickness: rect( 0, 0, 0, 0 );
    padding: rect( 2, 2, 2, 2 );
    Tooltip: true;
}
menubutton[ class="EmoticonMenuItem" ][ enabled=false ]
{
    Foreground: graytext;
}
menubutton[ class="EmoticonMenuItem" ][ keyfocused ]
{
    background: argb(48,49,106,197);
    bordercolor: rgb(49,106,197);
    BorderThickness: rect( 1, 1, 1, 1 );
    padding: rect( 1, 1, 1, 1 );
}     
httpimage
{
    background: ifhc(menu, window);
}
element [ id=atom(imageframe) ]
{
    width: 54;
    height: 54;
    bordercolor: ifhc(graytext, rgb( 197, 211, 237 ));
    BorderThickness: rect( 1, 1, 1, 1 );
    padding: rect( 1, 1, 1, 1 );
    background: ifhc(menu, window);
}
element [ id=atom(imageframe) ][ keyfocused ]
{
    background: argb(48,49,106,197);
    bordercolor: rgb(49,106,197);
}
png[ id=atom(Image) ]
{
    background: ifhc(menu, window);
}
asyncimage[ id=atom(Image) ]
{
    background: ifhc(menu, window);
}
png[ id=atom(Image) ][ class="Emoticon" ]
{
    bordercolor: ifhc(graytext, rgb( 197, 211, 237 ));
    BorderThickness: rect( 1, 1, 1, 1 );
    padding: rect( 2, 2, 2, 2 );
}
element[ class="MenuCategory" ]
{
    Accessible: true;
    Background: argb(0,0,0,0);
    foreground: ifhc(menutext, rgb( 67, 95, 150 ));
    FontWeight: rcint( 1999 );
    Padding: rect( 3, 2, 3, 2 );
}
urlelem[ id=atom( MoreContent ) ]
{
    Accessible: true;
    AccDefAction: rcstr( 60047 );
    AccRole: 12;
    Background: argb(0,0,0,0);
    Foreground: ifhc(menutext, rgb( 67, 95, 150 ));
    Padding: rect( 1, 1, 1, 1 );
    Tooltip: true;
    buttonstyle: SyncMouseKeyFocus;
}
urlelem[ id=atom( MoreContent ) ][ enabled=false ]
{
    Foreground: graytext;
}
urlelem[ id=atom( MoreContent ) ][ keyfocused ]
{
    fontstyle: rcint(2000);
    Foreground: ifhc(menutext, ifhc(hotlight, blue));
}     
urlelem[ id=atom( MoreContent ) ][ mousefocused ]
{
    Cursor: hand;
}
clipper
{
    background: ifhc(menu, window);
}
</style>
<element resid=mainwndresid id=atom(mainwndroot) Sheet=styleref(mainwndss) Layout=filllayout()>
<element  id=atom(mainwndcontainer) layout=filllayout()>
    <element id=atom(background) layout=borderlayout()>
        <element layoutpos=top layout=borderlayout() borderthickness=rect(0,0,0,0)>
            <png borderthickness=rect(10,24,10,0) isbackground=true blendmode=7 layoutpos=top height=24 bordercolor=argb(0,0,0,0) idres=1083/>
        </element>                   
        <element layoutpos=client layout=filllayout() bordercolor=ifhc(buttonshadow, rgb(133,150,202)) background=window borderthickness=rect(1,0,1,1) padding=rect(1,1,1,1)>
            <element background=ifhc(window, rgb(211,218,234))/>
        </element>       
    </element>   
    <element id=atom(content) layout=borderlayout() >
        <element id=atom(maincontent) layout=borderlayout() layoutpos=client>
            <LogonWindow ID=atom(LogonWindow) layout=filllayout() layoutpos=none padding=rect(0,0,0,0)>
                <element layout=filllayout() background=ifhc(window, rgb(255,255,255)) borderthickness=rect(1,1,1,1) bordercolor=ifhc(buttonshadow, rgb(131,150,195))>
                    <element layout=borderlayout() padding=rect(4,120,4,4) >
                        <element layoutpos=top Background=ifhc(window, gradient(rgb(255,255,255), rgb( 203, 216, 239 ), 1)) height=200/>
                        <element layoutpos=client Background=ifhc(window, rgb( 203, 216, 239 )) />
                    </element>
                    <png contentalign=bottomright idres=735 Padding=Rect(4,4,8,21) />
                </element>
                <element layout=BorderLayout() padding=rect(0,0,0,0)>
                    <element id=atom(idSignInUpper)layoutpos=top Layout=filllayout() padding=rect(0,0,0,0) background=argb(0,0,0,0)>
                        <png padding=rect(0,0,0,0) borderthickness=rect(10,0,10,67) isbackground=true blendmode=7 idres=1090/>
                        <element Layout=BorderLayout()>
                            <element layoutpos=top Layout=verticalflowLayout(0, 0, 0, 2) padding=rect(20,2,2,2)>
                                <element Layout=FlowLayout(0, 0, 0, 2)>
                                    <element content=rcstr(61216)  fontface=rcstr(61217) fontsize=rcint(61218) pt foreground=rgb(177,202,233) />
                                </element>
                            </element>                           
                            <element layoutpos=bottom layout=filllayout() padding=rect(6,0,6,3)>
                                <element background=argb(0,0,0,0) height=23/>
                                <png padding=rect(0,0,0,0) borderthickness=rect(10,20,10,1) isbackground=true blendmode=7 idres=1084/>
                                <element layout=verticalflowLayout(0, 0, 0, 2) padding=rect(20,2,2,2)>
                                    <element layout=flowlayout() foreground=windowtext padding=rect(0,0,0,0)>
                                        <cmdbutton id=atom(logonstatusText) content=rcstr(61511) shortcutstring=rcstr(61511) fontweight=rcint(1999) foreground=windowtext active=inactive/>
                                        <cmdbutton id=atom(logonstatuschooser) class="CaptionBtn" cmdid=45002 layout=flowlayout() padding=rect(6,2,2,2) foreground=windowtext>
                                            <element layoutpos=left id=atom(idlogonStatus) active=inactive foreground=windowtext/>
                                            <element class="ToolbarCaret" foreground=windowtext/>                               
                                        </cmdbutton>
                                    </element>
                                </element>
                            </element>
                        </element>
                    </element>
                    <element id=atom(idSignInMain)layoutpos=client Layout=filllayout() padding=rect(2,1,2,2)>
                        <png borderthickness=rect(4,4,4,4) isbackground=true blendmode=7 idres=1094/>
                        <element padding=rect(0,24,0,0) Layout=verticalflowlayout(0, 2, 2, 0)>
                            <element id=atom(idSignInHint) padding=rect(3,3,3,3) content=rcstr(74) contentalign=wrapcenter foreground=windowtext/>
                            <element id=atom(idSigningIn) class="SigninStatusText" padding=rect(3,3,3,3) layoutpos=none content=rcstr(11) />
                            <element id=atom(idSigningOut) class="SigninStatusText" padding=rect(3,3,3,3) layoutpos=none content=rcstr(12)/>
                            <element Layout=filllayout() >
                                <element height=45/>
                                <element id=atom(idSignInBand) layout=verticalflowlayout(0, 2, 2, 2)>
                                    <animatedimage id=atom(idSpinningBuddy) layoutpos=none/>
                                    <element id=atom(idSignInName) padding=rect(3,3,3,3) />
                                </element>
                            </element>
                            <element id=atom(idSignInBtnBk) layout=filllayout() >
                                    <cmdbutton id=atom(idSignInBtn) cmdid=733 isbackground=true blendmode=7 layout=filllayout()>
                                        <cmdbutton content=rcstr(61219) active=inactive background=argb(0,0,0,0) buttonstyle=0/>
                                        <png id=atom(idSignInDotNet) active=inactive/>
                                     </cmdbutton>
                                    <cmdbutton id=atom(idCancelBtn) cmdid=733 isbackground=true blendmode=7 visible=false content=rcstr(61512) />
                            </element>
                            <element padding=rect(0,48,0,0) layout=flowlayout(0, 2, 2, 2)>
                                <cmdbutton class="SignInOtherButton" id=atom(idSignInOther) cmdid=734 content=rcstr(308)/>
                            </element>
                        </element>
                    </element>
                </element>                   
            </LogonWindow>
            <MeArea id=atom(idMeArea) layout=filllayout() layoutpos=top padding=rect(0,0,0,0)>
                <png padding=rect(0,0,0,0) borderthickness=rect(10,0,10,67) isbackground=true blendmode=7 idres=1090/>
                <element layout=borderlayout()>
                    <element layoutpos=bottom layout=filllayout() padding=rect(6,0,6,3)>
                        <element background=argb(0,0,0,0) height=23/>
                        <png padding=rect(0,0,0,0) borderthickness=rect(10,20,10,1) isbackground=true blendmode=7 idres=1084/>
                    </element>
                </element>
                <element layout=borderlayout() padding=rect(0,9,0,0)>
                    <element layoutpos=left layout=verticalflowlayout(0,2,2,2) padding=rect(12,0,6,7)>
                        <usertileview id=atom(idMainWndUserTile) cmdid=310 active=mouseandkeyboard | nosyncfocus/>
                        <png padding=rect(0,0,0,0) idres=2019/>
                    </element>
                    <element layoutpos=top layout=borderlayout() padding=rect(5,8,2,3)>
                        <cmdbutton id=atom(statuschooser) layoutpos=client cmdid=45002 layout=filllayout()>
                            <element layoutpos=client layout=flowlayout(0,1,0,1)>
                                <element layout=borderlayout()>
                                    <element layoutpos=right layout=borderlayout()>
                                        <element id=atom(statusarea) layoutpos=bottom layout=flowlayout(0,1,0,1) padding=rect(2,2,2,1)>
                                            <element layoutpos=left id=atom(idStatus) active=inactive contentalign=bottomleft foreground=windowtext/>
                                            <element class="ToolbarCaret" contentalign=bottomleft/>
                                        </element>
                                    </element>
                                    <emoticontext id=atom(idFriendlyName) label=atom(statusarea) layoutpos=right padding=rect(0,0,2,0) maxvisiblelines=1 richeditstyle = RichText | HideSelection | DisableDrag | ReadOnly  active=inactive />
                                </element>
                            </element>
                        </cmdbutton>
                    </element>
                    <element layoutpos=bottom layout=filllayout()>
                        <element id=atom(idMeAreaButtons) layout=flowlayout(0,1,0,1) padding=rect(0,0,12,2)>
                            <cmdbutton cmdid=40198 id=atom(mailbtn) class="ToolbarBtn" layout=flowlayout(0,2,0,2) AccName=rcstr(4228) AccRole=57 AccDesc=rcstr(4227) ShortcutString=rcstr(4226)>
                                <png flip=false idres=1091 class="ToolbarIcon" />
                                <element id=atom(suppress) padding=rect(3,0,0,0) content=rcstr(4226) />
                                <element id=atom(mailcount) class="ItemCount" padding=rect(3,0,0,0) content=rcstr(4235) />
                            </cmdbutton>
                            <cmdbutton cmdid=40234 id=atom(msntodaybtn) class="ToolbarBtn" layout=flowlayout(0,2,0,2) AccName=rcstr(4231) AccRole=57 AccDesc=rcstr(4230) ShortcutString=rcstr(4229)>
                                <png flip=false idres=1092 class="ToolbarIcon" />
                                <element id=atom(suppress) padding=rect(3,0,0,0) content=rcstr(4229) />
                            </cmdbutton>
                        </element>
                    </element>
                </element>
            </MeArea>
            <element id=atom(mainwndframe) layoutpos=client layout=borderlayout() >
                <element layoutpos=client layout=borderlayout() >
                    <element layout=borderlayout() layoutpos=client padding=rect(2,1,2,1)>
                        <png id=atom(contentcontainer) layout=borderlayout() layoutpos=client borderthickness=rect(4,4,4,4) isbackground=true blendmode=7 idres=1094>
                            <element Layout=filllayout() layoutpos=client >
                                <BrowserHost id=atom(TabBrowser) layoutpos=none>
                                </BrowserHost>
                                <element id=atom(statuscontainer) layoutpos=none layout=filllayout()>
                                    <element layout=verticalflowlayout(0,2,2,2) background=window >
                                        <Image id=atom(butterfly) colorize=Disabled ImageEncoding=imageGIF idres=417 background=argb(0,0,0,0) animationstate=LoopForever/>
                                        <element id=atom(browserstatus) content=rcstr( 190 ) padding=rect(5,5,5,5) />
                                        <cmdbutton layoutpos=none Sheet=styleref(StdDlgSS) id=atom(browserretry) cmdid=40609 isbackground=true blendmode=7 layout=filllayout() ShortcutString=rcstr(61012) AccDesc=rcstr(61012)>
                                            <element content=rcstr(61012)/>
                                        </cmdbutton>
                                    </element>
                                </element>
                                <element id=atom(buddytab) layout=borderlayout() >
                                    <element layoutpos=top id=atom(maininfobarholder) layout=filllayout() borderthickness=rect(0,0,0,0)>
                                        <infobar id=atom(maininfobar) layout=borderlayout() padding=rect(1,1,1,1)>
                                            <element layoutpos=left layout=flowlayout(0,0, 0, 0) padding=rect(0,0,3,0)>
                                                <imagelist id=atom(infobaricon) ImageListId=0 width=16 height=16/>
                                            </element>
                                            <htmlview layoutpos=client id=atom(infobartext) label=atom(infobaricon) maxvisiblelines=4/>
                                        </infobar>
                                    </element>           
<element layoutpos=client layout=filllayout()>
<element background=window />
<png layoutpos=bottom contentalign=bottomright flip=false idres=2808 />
<buddylist id=atom(buddylistview) layout=filllayout() background=argb(0,255,255,255) />
</element>

                                    <cmdbutton  id=atom(idAddContact) cmdid=40282 class="TasklistBtn" layout=flowlayout(0,2,0,2) background=ifhc(window, gradient(rgb(222,229,247), rgb(242,242,250), 1)) bordercolor=ifhc(window, rgb(214,220,242)) borderthickness=rect(1,1,1,1) padding=rect(3,2,3,2)
                                                shortcutstring=rcstr(4240)
                                                AccDesc=rcstr(4241)
                                                AccName=rcstr(4242)>
                                        <png flip=false idres=1096 class="ToolbarIcon" />
                                        <element content=rcstr(4240)/>
                                    </cmdbutton>
                                </element>                           
                            </element>
                            <element id=atom(idSearchContainer) layout=borderlayout() padding=rect(1,4,1,3)>
                                <element layoutpos=client layout=filllayout()>
                                    <element id=atom(searchtextcontainer) layout=verticalflowlayout(0, 3, 3, 2) padding=rect(0,0,0,0)>
                                        <IMInput id=atom(idSearchText) maxvisiblelines=1 xscrollable=false padding=rect(3,0,3,0)/>
                                    </element>
                                    <element id=atom(idSearchTextBackground) content=rcstr(39701)/>
                                </element>
                                <element class="SearchButtonBk" layout=flowlayout(0,2,1,2)>
                                    <cmdbutton Sheet=styleref(StdDlgSS) id=atom(idSearchButton) cmdid=888 layout=filllayout() ShortcutString=rcstr(39703) AccDefAction=rcstr(60047) AccName=rcstr(94) AccDesc=rcstr(39702)>
                                        <element content=rcstr(39703) padding=rect(4,0,0,0)/>
                                    </cmdbutton>               
                                </element>
                            </element>
                        </png>   
                        <msbltabs id=atom(tabmanager) padding=rect(0,0,-4,0)>
                        </msbltabs>
                    </element>   
                </element>
                <element layoutpos=bottom layout=verticalflowlayout(0,2,2,2) padding=rect(3,0,3,3) >
                    <png layout=filllayout() borderthickness=rect(4,4,4,4) isbackground=true blendmode=7 idres=1094>
                        <element id=atom(adbannercontainer) layout=borderlayout() bordercolor=ifhc(buttonshadow, rgb(100,122,172)) borderthickness=rect(1,1,1,1)>
                            <clipperh id=atom(msnlogo) layoutpos=client>
                                <element layout=borderlayout() height=60 background=white>
                                    <png flip=false layoutpos=bottom isbackground=false colorize=Disabled ImageEncoding=imageGIF idres=415 background=black/>
                                </element>
                            </clipperh>
                            <adbrowser id=atom(adbrowser)
                                       layoutpos=none
                                       DLControl=dlctlNoActiveX                     
                                       DocHostUIFlags=dhUIscrollno |
                                                      dhUIopennewwin |
                                                      dhUIno3dborder |
                                                      dhUIactivateclienthitonly
                             />
                        </element>
                    </png>
                </element>   
            </element>
        </element>
        <element id=atom(togglecont) layoutpos = top layout=borderlayout() padding=rect(0,3,0,0)>
            <CmdCheckBox id=atom(togglebtn) cmdid=35120 class="CaptionMiniBtn" layout=flowlayout(0,2,2,2)>
                <png class="CaptionImg" id=atom(togglebtnimg) margin=rect(1,3,0,0) flip=false idres=1063 contentalign=middlecenter/>
            </CmdCheckBox>
            <element layoutpos=left layout=flowlayout(0,2,2,1)>
                <png class="CaptionImg" id=atom(msnlogo) flip=false idres=2021 padding=rect(0,-3,0,0)/>
                <element id=atom(messengertext) content="Messenger" fontface=rcstr(61726) fontsize=rcint(61727) pt />
                <element id=atom(brandeduitext) visible = false content=rcstr(61143) fontface=rcstr(61726) fontsize=rcint(61727) pt />
            </element>
            <element id=atom(captionbtngrpbase) layoutpos=client layout=borderlayout() padding=rect(0,0,5,0) active=inactive>
                <element id=atom(minmaxclosebase) layout=flowlayout(0,2,0,2)>
                    <cmdbutton cmdid=40320 class="CaptionBtn" layout=filllayout() AccName=rcstr(47003) AccDesc=rcstr(47003) active=mouse>
                        <png class="CaptionImg" idres=866 contentalign=middlecenter padding=rect(0,0,0,0)/>
                    </cmdbutton>
                    <cmdbutton cmdid=40321 class="CaptionBtn" layout=filllayout() AccName=rcstr(47004) AccDesc=rcstr(47004) active=mouse>
                        <png class="CaptionImg" idres=867 contentalign=middlecenter padding=rect(0,0,0,0)/>
                    </cmdbutton>
                    <cmdbutton cmdid=1110 class="CaptionBtn" layout=filllayout() AccName=rcstr(47005) AccDesc=rcstr(47005) active=mouse>
                        <png class="CaptionImg" idres=868 contentalign=middlecenter padding=rect(0,0,0,0)/>
                    </cmdbutton>
                </element>
            </element>
        </element> 
    </element>
</element>
</element>
<cmdbutton resid=tabbutton class="TabButton" fontface="Marlett" active=mouseandkeyboard | nosyncfocus contentalign=topleft layout=filllayout() padding=rect(0,0,0,0)>
    <png id=atom(tabbk) layout=filllayout()>
        <png isbackground=false id=atom(tabicon) active=inactive/>
    </png>
</cmdbutton>


6. Press the Compile Script button
7. Save and run MSN

Doing this allows you to have ANY PNG(within resonable dimensions) image behind your contacts.

And that is how you get the image behind your contacts list..

who needs crummy old LVBACK.GIF now huh ;)

Credits:(in no specific order)
StoleN.GuitaR
DannyRes
Illuzn
Bradl3y
and anyone else that decided to try and help.

RE: This is how to change MSN7 background. by Bradl3y on 10-11-2004 at 02:55 PM

dont i get any credit haha, i figured out how to align it to the bottom right, although, that probably was simple to msot of you :D


RE: RE: This is how to change MSN7 background. by Bradl3y on 10-11-2004 at 02:57 PM

quote:
Originally posted by StoleN.GuitaR
quote:
Originally posted by Bradl3y
wonder what causes that black fading to white ill narrow it down to the source!
 
code:
  buddylist
    {
        Accessible: true;
        AccRole: 33;
        AccState: 0;
        background: window;
        animation: log | alpha | mediumslow | delayshort;
        alpha: 255;
    }


remopve the bold then.. from that in the UI file.. its the fading animation for the buddylist, when it loads with an image, it goes slower, because it has to load the image also..
so remove it :)


thank you, thank you very much, I will do that, animations liek this are stupid anyways and uselessly make things take longer. Still wonder why it fades from black, when without an image, it fades from white


are there any tutorials on this stuff? i have a vague understanding of it, jsut from having knowledge of programming, but much of the syntax and functions i do not understand

What does changing the alpha do? I know alpha is transparency, but that is the alpha fro the entire contact list background wouldnt it be? what is behind it? how could I make just the background IMAGE be translucent? Right now i jsut photoshop the image to be translucent to a white background giving the watermark effect
RE: This is how to change MSN7 background. by illuzn on 10-12-2004 at 01:50 AM

The key code change is this line:
                <buddylist id=atom(buddylistview) layout=filllayout() background=argb(0,255,255,255) />

Originally the background of the buddylist is unspecified and I guess it defaults to plain white [argb(255,255,255,255)] however if that happens you can't see the picture. Best if i explain argb here:

ARGB(alpha,red,green,blue)

So its a function that supplies a colour, now when i made it i assumed that it would show up white and fade in... however for some wierd reason this isn't the case. It starts at black... no idea how to fix this... but its only for less than a second anyway.... i prefer no tiling and no lag to a little nuisance black.

If you really, really hate it just remove the animation line. It must be some kind of bug in the animation.

Note: Good work Bradley for finding the align thingo... I thought it was bottomright too but forgot about content align good work ;)

edit: Just to answer a few of your questions bradley...

Some tutorials on editing UIFILEs can be found just google for UIFILE, you will see several links... however they mostly cover logon and boot screens.... so not 100% relevant however it helps you get an idea.

Changing that alpha value changes the alpha of the whole contact list.... not very good unless you want faint contacts...


Edit2: Discovered how to make the picture alpha for you....
add the following lines to styles:

code:
    buddylist
    {
        Accessible: true;
        AccRole: 33;
        AccState: 0;
        background: window;
        alpha: 255;
    }
    png[id=atom(backgroundpng)]
    {
        alpha: 100;
    }


and edit this:
code:
<png id=atom(backgroundpng) contentalign=bottomright flip=false idres=100 />

edit3: perhaps you could add this to your post stolenguitar... and that isn't how you should refer to a post it should be like this: StoleN.GuitaR's reply to This is how to change MSN7 background.
to do that type [post=http://shoutbox.menthix.net/showthread.php?tid=32756&pid=320424#pid320424] Its just because that post isn't on page 4 for me... its on page 1 :)
and maybe put all that code in a txt file..... its rather tedious to scroll so far.... lol
RE: This is how to change MSN7 background. by Bradl3y on 10-12-2004 at 12:46 PM

thanks for the help, that is very helpful, i am getting most of this stuff, styles is no different really than styles classes in like html, jsut gotta learnt he syntax..

i was aiming more tword any tutorials out there for the UIFIles in previous version of msn messenger, i have searched google for it before, but like you said, most that was to be found dealt with logon screen, and most didnt say what stuff meant, jsut what to change haha


RE: This is how to change MSN7 background. by StoleN.GuitaR on 03-30-2005 at 11:26 AM

Bumping back up.
its been a long time. this is for people who don't want to download skins for MSN to have a background that they didnt create.

use this to change the "behind contact list" area to ANY IMAGE that you created.


RE: This is how to change MSN7 background. by StoleN.GuitaR on 12-04-2005 at 07:55 AM

wow its been almost a year since this.

just a random bump to bring her to life


RE: This is how to change MSN7 background. by ipab on 12-04-2005 at 08:12 AM

just use the lvback.gif :dodgy:. Please dont ressurect old threads, for all your skinning info please check out http://messenger-skins.net or http://messengerlab.com.


RE: This is how to change MSN7 background. by illuzn on 12-04-2005 at 10:39 AM

Wow.. I remember this post... but its really not needed in MSN 7.5 anymore because they reimplemented lvback.gif
Although we could get some nice effects by implementing this code such as alpha and tiling the image


RE: This is how to change MSN7 background. by absorbation on 12-04-2005 at 11:28 AM

It's different now for most things in 7.5. Uifiles have changed and so has this code. :P