Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

how do you make a button appear pressed down upon clicking?

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 06-15-2006, 04:45 PM
 
AKR AKR is offline
 

eXpert
  
Join Date: Oct 2003
Location: the edge of insanity
Posts: 233
 

Default how do you make a button appear pressed down upon clicking?

like, the "buy now" or "add to cart" buttons. it makes it easier for people to know that the page is actually loading. anyone? thanks in advance.
__________________
version: 4.4.1 Gold [Unix]
Reply With Quote
  #2  
Old 06-15-2006, 05:31 PM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default

You would need to use a JavaScript onclick function. Google it, it is pretty easy to use...
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #3  
Old 06-16-2006, 02:09 AM
 
AKR AKR is offline
 

eXpert
  
Join Date: Oct 2003
Location: the edge of insanity
Posts: 233
 

Default

alright, i'll check it out. thanks
__________________
version: 4.4.1 Gold [Unix]
Reply With Quote
  #4  
Old 06-16-2006, 02:49 PM
 
lachild lachild is offline
 

Advanced Member
  
Join Date: May 2006
Posts: 92
 

Default Quick Help

Heres an easy fix..

add this to your Img tag...

ONMOUSEDOWN="this.src='url_to_your_pushed_image_go es_here'"

So now the tag looks like:

[img]first_image.gif[/img]


You only need to change the first_image.gif to your main image and url_to_your_pushed_image_goes_here to the image you made of the pushed image. Leave the rest of the tag the same
__________________
Westin Shafer
Come Together Technologies
http://www.ComeTogetherTechnologies.com
Reply With Quote
  #5  
Old 06-20-2006, 02:35 PM
 
AKR AKR is offline
 

eXpert
  
Join Date: Oct 2003
Location: the edge of insanity
Posts: 233
 

Default Re: Quick Help

Quote:
Originally Posted by lachild
Heres an easy fix..

add this to your Img tag...

ONMOUSEDOWN="this.src='url_to_your_pushed_image_go es_here'"

So now the tag looks like:

[img]first_image.gif[/img]


You only need to change the first_image.gif to your main image and url_to_your_pushed_image_goes_here to the image you made of the pushed image. Leave the rest of the tag the same

didn't work for me. neither image showed up doing that.
__________________
version: 4.4.1 Gold [Unix]
Reply With Quote
  #6  
Old 07-13-2006, 01:03 PM
  photo's Avatar 
photo photo is offline
 

X-Wizard
  
Join Date: Feb 2006
Location: UK
Posts: 1,146
 

Default

Here is what I used in my button.tpl to produce a mouse over effect and it seems to work well, just change the colours to whatever you need. I also changed

Code:
<td class="Button"onmouseover="this.style.backgroundColor='#487600';" onmouseout="this.style.backgroundColor='#335300';"> <font class="Button">{$button_title}</font> </td>

And this is what I have for the class TD.Button in skin1/skin1.css

Code:
TD.Button { BACKGROUND-COLOR: #335300; padding:4px; COLOR: #FFF; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: center; }
__________________
v4.1.10
In Dev v4.5.x


"If you don't keep an eye on your business, someone else will."
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:45 AM.

   

 
X-Cart forums © 2001-2020