I need a small CSS button help

I want to change my "(ugly)" button to this cool one

This is the wish one:
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

For the website:
http://tubeurl.com

My css file is:

html, body {

font-family:Arial, sans-serif;
margin:10px;
background:url(background.jpg) repeat-x #EFEFEF;
}

img{
border:0px;
}
font-family: "Lucida Sans Unicode", "Tahoma", sans-serif;
width: 600px;
margin: 60px auto 20px;
}
#header {
height: 90px;
padding: 10px 0px 0px 0px;
}
h1 {
font-size: 1.5em;
font-weight: normal;
margin: 0px;
}
h1 a {
color: #000000;
text-decoration: none;
}
h2 {
font-size: 0.8em;
font-weight: normal;
margin: 0px;
}
h2 strong {
color: #FF4444;
}
form {
margin: 6px 0px 0px 12px;
}
h3 {
font-size: 0.9em;
margin: 0px 0px 8px 0px;
}
h3 label {
cursor: pointer;
}
.normal {
font-weight: normal !important;
}
.input {
font-size: 1.2em;
color: #444444;
background-color: #EEEEEE;
background-image: url('../img/input.gif');
background-repeat: repeat-x;
width: 590px;
margin: 0px 0px 8px 0px;
padding: 4px;
border: 1px solid #AAAAAA;
}
.button {
font-family: "Lucida Sans Unicode", "Tahoma", sans-serif;
margin: 0px 0px 0px 4px;
padding: 4px;
cursor: pointer;
}
#result {
margin: 10px 0px 0px 8px;
font-size: 0.8em;
}
#result a {
color: #FF4444;
}
#result a:hover {
color: #FF2222;
}
#footer {
font-size: 0.8em;
text-align: center;
margin: 20px 0px 0px 0px;
}
#footer a {
color: #0099FF;
}
Click to expand...

Log in or Sign up

Advertising (learn more)

I need a small CSS button help

metros Notable Member

Log in or Sign up

Advertising (learn more)

I need a small CSS button help

metros Notable Member

Useful Searches