Kryptronic Software Support Forum
You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.
#1 09-07-2009 15:11:09
Using an image for buttons
I've used the code from the Wiki to display an image for a button. Is there anyway to cause caption text to be printed over the top of the image or does that have to be on the image itself? If I can print over the top I won't need as many images and it will be more flexible.
Thanks in advance.
Chuck
Offline
#2 09-08-2009 01:52:59
Re: Using an image for buttons
You use the image as a 'background image' by providing a link to it in the CSS - then the text will appear in the foreground.
Nigel
| Professional Quality Customisable Skins for your ClickCartPro Powered Site
-----------------------------
Certified Support Partner
Offline
#4 09-09-2009 02:35:36
Re: Using an image for buttons
You need to put something like:-
"background-image: url('../media/bg_head_title.gif');"
between the curly brackets in the relevant style.
CSS is quite a 'big subject' so you might find it worthwhile to have a look here:-
http://www.w3schools.com/css/css_background.asp
Nigel
| Professional Quality Customisable Skins for your ClickCartPro Powered Site
-----------------------------
Certified Support Partner
Offline
#5 09-09-2009 08:53:51
Re: Using an image for buttons
Thank you Nigel. I had found a line of code similar to that in the mail skin so I was able move forward but the link you provided is great. This forum has been a big help. I'm a software engineer by profession and have been frustrated at the lack of documentation. This will give me an opportunity to learn and understand. :-)
Offline
#6 09-09-2009 09:04:16
- OutcastGirls
- Member
- From: New York, NY
- Registered: 07-16-2009
- Posts: 219
Re: Using an image for buttons
Here's an example of one of the images used as a link in my website (lower left corner). This is an image, not a button although it looks similar to the rest of the buttons:
<a href="http://twitter.com/OutcastGirls" rel="external"> - Shows the link to the external source ( my Twitter page in this case)
<img src="skins/zipskin_khxc014/media/twitter.gif" - Shows the image source
Last edited by OutcastGirls (09-09-2009 09:05:39)
Offline