Need some Znote AAC help!

[Zuma Master]

Hello there, whoever you are!
Well, usually I'm helping people on the Support board, but...
I need some help myself now x_x.
I got 0 knowledge in website designing/development, and I'd like to learn a little.
Let's say that I want to create a new layout for Znote AAC. (I can make the graphics, but I just have no idea how to make them usable, make a login button "log you in" for example)
Can anyone be kind enough to help me?

*EDIT*: Let me add some more details.
I don't want anyone to spoonfeed me, I want someone to tell me where to start, basics if possible, etc.

 

[Zuma Master]

Bump

 

[Daky]

I'm terrible at explaining so bare with me


Read this first
HTML class Attribute


Path: Layout > Widgets > login.php

What you want to do is edit this line:

<input type="submit" value="Log in">
/// to this:
<input type="submit" class="login" value="Log in">

Now go to Layout > CSS > style.css

Here's basically what you need to do:

.login {
...
}

And now to style it a little All you have to do is add shit within the brackets.

.login {
color: #fff;
background: #000;
border-radius: 3px;
border-color: #000;
}

This will change the text's color to white and the background to black and round the button's edges by 3 pixels and change the button's border color to black (Buttons aldready has borders so all you have to do is change its color)

Result:

And this is for when you hover over the button: (Optional)

.login:hover {
 color: #000;
 background: #fff;
 border-color: #fff;
}

Result:

Hope that helps, google css gradients, it'll come in handy.

 

[Zuma Master]

To be honest, that was what I had in mind.
I suck at explaining my own problems, but I see you managed to understand what I needed. Thank you for your help, much appreciated.