Hello and welcome to my tutorial, i will be showing you a more explained guide on how to mod.

Keys:
Stock: a normal background with normally a character in it.
Render: a cut out image of something, normally done with a tool called "pen tool"
Firstly you will need picture editing programs such as:
Photoshop: http://www.mpgh.net/forum/194-crossf...-june-3rd.html
Paint.net
Firewroks

There are more but these are the main ones. (i use photoshop)
To download these search them on MPGH.

Once you have downloaded one of them, continue to the following.

I only have photoshop, so sorry for others. But i am sure they all have the tools needed to make mods.
LOGIN BG
Step 1: Know what you are editing


Know what you are editing. Remember to backup your files if anything goes wrong. Do not edit the wrong file which may corrupt your game and lead to re-installing.
These are the paths for the following:

Login mod: C:\Program Files (x86)\Z8Games\CrossFire\rez\UI\UI_Login
Kill marks: C:\Program Files (x86)\Z8Games\CrossFire\rez\UI\Mark
Spray paints: C:\Program Files (x86)\Z8Games\Crossfire\rez\UI\Spray

RIght click on the file you would like to edit and open with photoshop (or whichever you have downloaded).

Step 2: Getting to know the tools

There are lots of tools in this program and might be a little confusing .
But just play around until you get familiar with them.
This sreenshot should help you:

To access the "ruler" tool (the measuring things on the top and left side) go to the top and pick "view" then click on "ruler".
The left side is position
Have a play around with them until you know what youre doing.

Step 3: Editing (the hard part)

Ok, so now its time to be creative. Don't make lame things and things that have already been made.
So open up the login bg with the provided path in the begining or just go to: File\new then make a 800x600 in Pixels. And get start fresh. Its good to put a background and renders because you have more freedom of placing things where you want.
Im going to make a MW3 login. Give it a try with me

So first i am going to get these resources:
Background: http://best-wallpaper.net/wallpaper/...3_1600x900.jpg

Logo render: http://i53.tinypic.com/2qteb7d.png

Now use some tools which you like. And remember when you resize press cntrl+t and hold shift and resize from corners only!
Remember to save as these:

.png for uploading to MPGH (if u want)
.psd to edit it when ever u want (it shows the layers)
.tga to place in cf folder (only this type file will be read in the folder)

Now after you finished editing it up now you have to get the ruler and if you use it properly you will get this line dragged to where you want. For example the one at the top (position x) is dragged down and put on top of the buttton. And if you go to the left you can see little, tiny lines (like a ruler) indicating the pixel. You should figure how much is each .

Now if do that look on the left side and to where the line is pointing to, thats position x coordinate.
You enter all these numbers in:
C:\Program Files (x86)\Z8Games\CrossFire\rez\UI\scripts\LogIn
Its a .txt* file.

Then for position Y you drag the one on the side (left ruler) and on the left side of the button. You look on top of the ruler and you have to see how much pixels that is.

You do this for ALL buttons.
Now save everything and put it in the right file (from where you edited it from)

Now thats what you call 3 easy steps
Please post your outcomes, or any other one you made following this guide.
This is mine:

Correct me please if i have done anything wrong. And if the buttons look fucked up. Then i probably meant Position x was y and y was x .

Thankyou.