Shoutbox

[How to] Edit the toasts - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Messenger Plus! for Live Messenger (/forumdisplay.php?fid=4)
+---- Forum: Skinning (/forumdisplay.php?fid=41)
+----- Thread: [How to] Edit the toasts (/showthread.php?tid=81842)
[How to] Edit the toasts by Basilis on 02-23-2008 at 11:40 AM

I decided to post a tutorial on how to skin the toasts. This tutorial covers everything you can edit in the toast. First of all, open the style file 921...

1) How to change the font color

+To change the font color of the toast message find this in the style file:

code:
ToastMessage
{
Foreground:rcclr(20014);
Accessible:True;
AccRole:42;
AccState:64;
AccName:rcstr(635);
Padding:Rect(3,3,1,3);


and change it to:

code:
ToastMessage
{
Foreground:rgb(255,255,0); (this will make it yellow)
Accessible:True;
AccRole:42;
AccState:64;
AccName:rcstr(635);
Padding:Rect(3,3,1,3);

+To change the font color of the string "Options" find this in the style file:

code:
Button[id=atom(idToastOptions)]
{
Content:rcstr(80);
AccName:rcstr(80);
Padding:Rect(0,0,1,0);

and change it to:

code:
Button[id=atom(idToastOptions)]
{
Content:rcstr(80);
AccName:rcstr(80);
Padding:Rect(0,0,1,0);
Foreground:rgb(255,255,255); (this will make it white)

2)How to change the background image

First of all, you need to know that the exact dimensions of the image you are going to use must be 207x116. Else, your image may not be displayed properly.

+To change the background image find these in your style file:

code:
Element[ID=Atom(ai181)]
{
Background:rcbkd(20061);


Element[ID=Atom(ai186)]
{
Background:rcbkd(20061);


Element[ID=Atom(ai191)]
{
Background:rcbkd(20061);

and change it to:

code:
Element[ID=Atom(ai181)]
{
Background:rcbkd(59000);


Element[ID=Atom(ai186)]
{
Background:rcbkd(59000);

Element[ID=Atom(ai191)]
{
Background:rcbkd(59000);

Note:The above are not together. You have to search with Ctrl+F and type them to find them.

Then,you have to add them as new images in your SkinInfo like this:

code:
<New>
<Pictures>
<Picture Id="59000"><File>59000.png</File></Picture>
</Pictures>
</New>

3)How to change the close button

To do this, you will need to prepare 4 separate images for each of the button states.

+To change the close button find this in your style file:

code:
button[id=Atom(FLWCloseBtn)]
{
AccName:rcstr(20069);
AccDesc:rcstr(20069);
Content:rcimg(20068);

Note:This exists 3 times in the style file. Replace it with the code below all the 3 times.

and change it to:

code:
button[id=Atom(FLWCloseBtn)][ContentIndex=0]
{
AccName:rcstr(20069);
AccDesc:rcstr(20069);
Content:rcimg(59001);
padding:rcrect(20084);
}
button[id=Atom(FLWCloseBtn)][ContentIndex=1]
{
AccName:rcstr(20069);
AccDesc:rcstr(20069);
Content:rcimg(59002);
padding:rcrect(20084);
}
button[id=Atom(FLWCloseBtn)][ContentIndex=2]
{
AccName:rcstr(20069);
AccDesc:rcstr(20069);
Content:rcimg(59003);
padding:rcrect(20084);
}
button[id=Atom(FLWCloseBtn)][ContentIndex=3]
{
AccName:rcstr(20069);
AccDesc:rcstr(20069);
Content:rcimg(59004);
padding:rcrect(20084);

Then, you have to add them as new images in your SkinInfo like this:

code:
<New>
<Pictures>
<Picture Id="59001"><File>59001.png</File></Picture>
<Picture Id="59002"><File>59002.png</File></Picture>
<Picture Id="59003"><File>59003.png</File></Picture>
<Picture Id="59004"><File>59004.png</File></Picture>
</Pictures>
</New>

Hope this tutorial is helpful. For any mistakes or problems, don't mind to post.
RE: [How to] Edit the toasts by aNILEator on 02-23-2008 at 02:04 PM

not a good tutorial at all, You have no formatting, do not explain things and you even have errors with your resource numbers, you give little information on toast backgrounds and what you do supply is a bit misleading, you completely forgot 'alert toasts' and this will bugger up your 'perfectly sized image' you forgot to mention stuff about te toasts border and lots of stuff.

Improvement is needed. I'd recommend not Sticky'ing this thread as the processes are all explained better in other tutorials and guides.

RE: [How to] Edit the toasts by Basilis on 02-23-2008 at 03:09 PM

Ok. I accept your criticism. I just tried.

RE: [How to] Edit the toasts by LuckyMe on 02-24-2008 at 04:59 PM

Thanks Basilis, it has been too much useful for me, even when i´m a begginer, for me it´s a clear information, nice work!

RE: [How to] Edit the toasts by Basilis on 02-24-2008 at 08:41 PM

Thanks. I am  happy to hear that I helped you

RE: [How to] Edit the toasts by Chris4 on 02-24-2008 at 08:53 PM

Use [code] [/code] tags when posting code like that. It'll make it easier to read. (Y)

RE: [How to] Edit the toasts by Basilis on 02-24-2008 at 09:45 PM

Fixed now. I just didn't know how it is done. Thanks Chris4

RE: [How to] Edit the toasts by ResourcE on 04-01-2008 at 01:34 PM

Hey Basilis . Thanks ...

To tell you the truth,I didn't know nothing about skinning the toasts.... Thanks again ;)

And ... If u know,please tell me how to change the color of the font on  the nickname or anywhere else ... Thanks

RE: [How to] Edit the toasts by aNILEator on 04-01-2008 at 02:02 PM

quote:
Originally posted by ResourcE
I didn't know nothing
I spy a double negative!

We'll be happy to help you to understand how to skin :)

Changing font colours you need to add/edit a foreground into the style sheet

eg:
foreground:argb(128,1,2,3)

that will change the colour of the text in whatever element you added (if text is present)
RE: [How to] Edit the toasts by ResourcE on 04-01-2008 at 04:12 PM

And where is that for the Nick name on the Contact List and a conversation window (in which style file e.g. 921,922 ...  ) If you know tell me ... Thanks aNILEator

And one other question

Can you make the Font BOLD ?? :)

RE: [How to] Edit the toasts by Basilis on 04-01-2008 at 05:16 PM

There is an edit button you can use instead of double posting. And the font choices cannot be edited with skinning I think since it is the other user who chooses how his name will be

Hey, If you saw it, then you should have used it and not double post which is against the rules of this forum. The answer is that as I told you, the font cannot be edited with skinning because it is your contact's choice to have a specific font. And watch your attitude
RE: [How to] Edit the toasts by ResourcE on 04-01-2008 at 05:55 PM

OK , sorry man :S I was nervous ... but .. can i put new font to WLM .... and use it ??? And sorry,i didn't know that about double posting :S:S

RE: [How to] Edit the toasts by aNILEator on 04-01-2008 at 06:02 PM

I believe we can use new fonts, haven't tested or tried at all so don't trust me on that.