Thread: button graphics
View Single Post
  #16  
Old 03-05-2005, 09:00 AM
  Lara Croft's Avatar 
Lara Croft Lara Croft is offline
 

Member
  
Join Date: Feb 2005
Posts: 16
 

Default does this help ?

hi - this is what i did to change the buy now button

in the skin/images directory you will find the 3 images that make up the buy now button - but1.gif + butbg.gif + but2.gif.

you have to split your new button design into 3 sections, effectively a left portion, middle and right portion. My button was made 30 px high by 500 wide. My two ends were cut off 10 px each leaving 480 px for the middle.

Then i uploaded the 3 gifs to the skin/images directory and replaced those existing - (name your new gifs the same name as originals).

Then i went to directory /buttons/button.tpl and looked for the scripts that dealt with the 3 gifs that made up the buy now button.

<TABLE border="0" cellspacing="0" cellpadding="0" onclick="{$js_link}" style="cursor: pointer;" valign="middle"{if $title ne ''} title="{$title}"{/if}>
<TR><TD><{$img_type} src="{$ImagesDir}/but1.gif" width="42" height="20" border="0"{if $title ne ''} title="{$title}"{/if}></TD>
<TD class="Button" valign="middle" nowrap><FONT class="Button">{$button_title}</FONT></TD>
<TD>[img]{$ImagesDir}/but2.gif[/img]</TD></TR>
</TABLE>

adjust the hight and width values to match your new gif sizes (but1 & but2) - butbg gif is auto sizing so you don't need to worry about that.

the url for the button is already written in the scripts so you don't need to change that. all you should have is a new button.

now changing your other buttons should now be the same principle as above.

hope i have helped cos it worked for me and i just hope i have managed to explain it properly.

good luck
__________________
Patience Of A Saint - Memory Of A Goldfish

XCART Gold version 4.0.19
Reply With Quote