Shoutbox

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.

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.

Ok. I accept your criticism. I just tried.

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!

Thanks. I am  happy to hear that I helped you

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

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

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

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)

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 ??