What is needed (graphism)

I will update this post a lot.
Atm I need :

-movement arrows
would be nice to have 3 sets of arrows:
one green (when it leads to a safe tile)
one red (when it leads to an unwalkable tile)
one yellow (when ut leads to an usafe tile)

-background (of the site)

-avatar for each race


-buttons :
.training (would replace the actual 'train it' button)
.grab (in inventory page to replace the 'get' button)
.drop (inventory too)
.equip (inventory too)
.unequip (inventory too)
.armors/weapons (one image for each slot would be good for a start)

I uploaded a background image; also worked on an idea for movement.... They are in the test folder. I have a couple ideas, the green orb just looks cool, I was thinking that could be used to show movement turns or even health... (it depletes as you either walk, or lose HP, depending on what we decide)

It appears on TPS the health bar is just one image, and as it depletes the coding just scales it down by a %

div id="health_progress_fill" class="progress_fill" style="background-image: background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; width: 100%; background-position: initial initial; background-repeat: initial initial; "></div>
<div id="health_progress_text" class="progress_text">Health 2545 / 2545

I uploaded a picture of just the orb, maybe you can code the orb to just scale in size?

This is a start anyway....

The only thing I'm not really liking is the green and red arrows... I'm thinking it maybe just easier if we use a N, NE, E, SE, S, SW, W, NW, N and have them change colors...

Give me your thoughts.