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.