Replace an image button by a real button?

Hi,

The question is obviously clear, i think: How can I replace the button images (new topic, delete topic, ...) by the real button <input type="button"> or <button></button> (I wish to fully control their css)!

I would appreciate for any ideas.

Thank guys!

I get this css code from a skin, you can apply it for your forum:

Code:

.buttons img{background: url(http://i35.servimg.com/u/f35/14/65/54/10/sr10.png) no-repeat center;}

.buttons img:hover{background: url(http://i35.servimg.com/u/f35/14/65/54/10/srh10.png) no-repeat center;}

.i_post{background: url(http://i62.servimg.com/u/f62/14/52/34/74/nt10.png) no-repeat center !important;}

.i_post:hover{background: url(http://i63.servimg.com/u/f63/14/53/79/27/nt10.png) no-repeat center !important;}

.i_reply, #new-message-link img{background: url(http://i62.servimg.com/u/f62/14/52/34/74/pr10.png) no-repeat center !important;}

.i_reply:hover, #new-message-link img:hover{background: url(http://i63.servimg.com/u/f63/14/53/79/27/pr10.png) no-repeat center !important;}

img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i62.servimg.com/u/f62/14/52/34/74/loced10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i62.servimg.com/u/f62/14/52/65/41/locked17.png') no-repeat center !important;}

.i_msg_newpost{background: url(http://i62.servimg.com/u/f62/14/52/34/74/npm10.png) no-repeat center !important;}

.i_msg_newpost:hover{background: url(http://i63.servimg.com/u/f63/14/73/12/96/npm10.png) no-repeat center !important;}

eagle8x wrote:I get this css code from a skin, you can apply it for your forum:

Code:

.buttons img{background: url(http://i35.servimg.com/u/f35/14/65/54/10/sr10.png) no-repeat center;}

.buttons img:hover{background: url(http://i35.servimg.com/u/f35/14/65/54/10/srh10.png) no-repeat center;}

.i_post{background: url(http://i62.servimg.com/u/f62/14/52/34/74/nt10.png) no-repeat center !important;}

.i_post:hover{background: url(http://i63.servimg.com/u/f63/14/53/79/27/nt10.png) no-repeat center !important;}

.i_reply, #new-message-link img{background: url(http://i62.servimg.com/u/f62/14/52/34/74/pr10.png) no-repeat center !important;}

.i_reply:hover, #new-message-link img:hover{background: url(http://i63.servimg.com/u/f63/14/53/79/27/pr10.png) no-repeat center !important;}

img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i62.servimg.com/u/f62/14/52/34/74/loced10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i62.servimg.com/u/f62/14/52/65/41/locked17.png') no-repeat center !important;}

.i_msg_newpost{background: url(http://i62.servimg.com/u/f62/14/52/34/74/npm10.png) no-repeat center !important;}

.i_msg_newpost:hover{background: url(http://i63.servimg.com/u/f63/14/73/12/96/npm10.png) no-repeat center !important;}

Hi, thanks for your reply, but they are still image button. I want a real button, how about that?