The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Replace an image button by a real button?

View previous topic View next topic Go down

Replace an image button by a real button?

Post by xx3004 on February 5th 2011, 8:09 am

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!

xx3004
New Member

Male Posts : 13
Reputation : 0
Language : English, Vietnamese

http://xx3004.forumotion.com

Back to top Go down

Re: Replace an image button by a real button?

Post by eagle8x on February 5th 2011, 6:13 pm

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
Forumember

Male Posts : 362
Reputation : 15
Language : Vietnamese

http://diendan.chinhphuc.info

Back to top Go down

Re: Replace an image button by a real button?

Post by xx3004 on February 5th 2011, 11:27 pm

@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?

xx3004
New Member

Male Posts : 13
Reputation : 0
Language : English, Vietnamese

http://xx3004.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum