Help with cursor and GUI! Critic it! UPDATED!

[Jakerpot]

Hi everyone, i need help with creating a cursor, a interact one, i`m making a brand new GUI to my game, with in my opinion is better than the other i made first.
Here is the slot for the cursor button:

*UPDATED*
The new GUI Options, i think i will pu them all in the game and let the player choose, if someone has any ideia on how to do it, tell me! I think i will use int`s.




an there is the new GUI, the top and bottom (still in creation) one.

Top:


bottom:


Thanks you comment, sai what you need to say, comment and all the things

OBS: The Backgrounds of my game where made in 200 x 320, but there was no espace for the GUI`s, so i added a black tire in the bottom and top sides of the bk to the GUI`s, if you think the buttons are small, do you think i should put all on top an re-organizate it? Just for explanation, the bottom GUI will have the room name and information, but will be only avaliable when you find the Mansion Map  I will add some stylish functions to it, like hints button with options to select the topic of your obstacle, you can give me suggestions too! Thanks!!

[Uhfgood]

Please save in something like png format, and wrap your image url's in [ img ][ /img ] tags

[Jakerpot]

Please save in something like png format, and wrap your image url's in [ img ][ /img ] tags

i done it, but the code doesn`t works, i will try again.

[ravenfusion]

It looks inconsistent and a bit dull. You have beveled edges, pillow-shaded areas and dithering.

Notes
*Higher contrast would be better, tweak it until it looks good.
*Ideally you should try using colour ramps.
*Dithering is best used sparingly.

Colour Ramps


Here's my edit:

[Ghost]

I advise you to start GUI design on a sheet of paper. Make sure you know what buttons you want, what size your panels should be, and what the buttons do before you pour too much time into the actual "making" of the GUI. Alternatively, use placeholder graphics or the bare AGS elements.

The layout you have there looks pleasantly symmetric, and I don't mind the "dull" looks at all, but you could go with an even smaller palette here. To make bevelled boxes, three colours are enough (some would even go with two).

I also smell an issue with the button's size; they look very, very small. As in "hard to figure out what they represent as soon as they are covered by the mouse pointer). Are these placeholders meant to select cursor modes? Inventory? Some additional info would be helpful!

[ravenfusion]

Also you'll need to clearly indicate which pixel is the clicking pixel on your cursors, so keep that in mind.

[Jakerpot]

i designed the gui, is something like this what i want but not green. Thanks!