Comments on: Create an Animated “Call to Action” Button http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/ Tue, 31 Jan 2012 01:52:47 +0000 hourly 1 http://wordpress.org/?v=3.0.4 By: Vincent http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-131447 Vincent Fri, 14 Oct 2011 14:14:37 +0000 http://sixrevisions.com/?p=2129#comment-131447 Ignore The ABove Comments plz.. Really stupid mistake on my part. Again Thanks for the great tutorial. Ignore The ABove Comments plz.. Really stupid mistake on my part. Again Thanks for the great tutorial.

]]> By: Vincent http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-131443 Vincent Fri, 14 Oct 2011 14:04:39 +0000 http://sixrevisions.com/?p=2129#comment-131443 And if i remove this .css({ ‘backgroundPosition’: ’0 0′ }) line the hover image appears but the button continues to fade to a blank white space.. Some help would be appreciated. And if i remove this .css({ ‘backgroundPosition’: ’0 0′ }) line the hover image appears but the button continues to fade to a blank white space.. Some help would be appreciated.

]]> By: Vincent http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-131442 Vincent Fri, 14 Oct 2011 14:02:22 +0000 http://sixrevisions.com/?p=2129#comment-131442 Gr8 Tutorial Jacob. Im new to web-designing and i have the following problem with my design: 1) The size of my jpeg file(Button) is 150x50.So in order to get the hover effect before using jquery i had to change ur css code to .cta-button a:hover { background-position:0 100%; } or else the other image dosent appear. 2) After applying jquery the button just fades into a blank white space and reappears after the cursor is moved away. The Hover image does not appear. Im guessing that the problem lies in .css({ 'backgroundPosition': '0 0' }) line.. Can u help me out with this? I cant seem to figure it out. Yeah i know its a noobish question but im learning.. Gr8 Tutorial Jacob. Im new to web-designing and i have the following problem with my design:

1) The size of my jpeg file(Button) is 150×50.So in order to get the hover effect before using jquery i had to change ur css code to .cta-button a:hover {
background-position:0 100%;
}
or else the other image dosent appear.

2) After applying jquery the button just fades into a blank white space and reappears after the cursor is moved away. The Hover image does not appear. Im guessing that the problem lies in .css({ ‘backgroundPosition’: ’0 0′ }) line.. Can u help me out with this? I cant seem to figure it out. Yeah i know its a noobish question but im learning..

]]> By: Stéphane http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-121974 Stéphane Sat, 17 Sep 2011 13:21:46 +0000 http://sixrevisions.com/?p=2129#comment-121974 Hello, First thanks a lot for this nice tutorial and please forgive my english, I'm just french ! ;) It seems that transparency doesn't work on png24 format ?... Any solution ?... thanks Stéphane Hello,
First thanks a lot for this nice tutorial and please forgive my english, I’m just french ! ;)
It seems that transparency doesn’t work on png24 format ?…
Any solution ?…
thanks
Stéphane

]]> By: Remo Harsono http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-96512 Remo Harsono Mon, 04 Apr 2011 17:38:35 +0000 http://sixrevisions.com/?p=2129#comment-96512 quite great tutorial. easy to grasp...thanks quite great tutorial. easy to grasp…thanks

]]> By: Jay http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-94664 Jay Wed, 16 Mar 2011 16:05:08 +0000 http://sixrevisions.com/?p=2129#comment-94664 Great tutorial! Very well explained and easy to follow. I have used this effect before but didn't understand the jQuery behind it. The few people who have criticized do not understand that this is just a tutorial. Whether they use this technique or not is up to them... They are welcome to continue with the web 1.0 look and feel. Us Designers who move forward with current web 2.x design trends appreciate your time! Great tutorial! Very well explained and easy to follow. I have used this effect before but didn’t understand the jQuery behind it.

The few people who have criticized do not understand that this is just a tutorial. Whether they use this technique or not is up to them… They are welcome to continue with the web 1.0 look and feel. Us Designers who move forward with current web 2.x design trends appreciate your time!

]]> By: Frank http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-86133 Frank Mon, 27 Dec 2010 21:16:19 +0000 http://sixrevisions.com/?p=2129#comment-86133 I know this is a really old post but, is it possible to use more than 2 images? This is an awesome tutorial. I know this is a really old post but, is it possible to use more than 2 images? This is an awesome tutorial.

]]> By: Eric K. http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-82789 Eric K. Tue, 23 Nov 2010 21:54:20 +0000 http://sixrevisions.com/?p=2129#comment-82789 Is there anyway to use this button in order to have it as a Submit button on a form? I have a form with 2 fields that are both hidden, username and password. this is for my personal local site that i use at work in order to log me in, just figured I'd make it look nice, well this is a great tutorial and was just wondering if I might be able to use this button within a form as a submit button? Please let me know. Thank you Is there anyway to use this button in order to have it as a Submit button on a form?

I have a form with 2 fields that are both hidden, username and password. this is for my personal local site that i use at work in order to log me in, just figured I’d make it look nice, well this is a great tutorial and was just wondering if I might be able to use this button within a form as a submit button? Please let me know. Thank you

]]> By: Tony http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-74230 Tony Thu, 19 Aug 2010 23:06:29 +0000 http://sixrevisions.com/?p=2129#comment-74230 I'm guessing...this took an eternity to complete this article. RESPECT. I’m guessing…this took an eternity to complete this article. RESPECT.

]]> By: Asif Iqbal http://sixrevisions.com/tutorials/web-development-tutorials/create-an-animated-call-to-action-button/#comment-72409 Asif Iqbal Thu, 29 Jul 2010 05:19:35 +0000 http://sixrevisions.com/?p=2129#comment-72409 That's a trick. Very good post and easy way to create buttons. That’s a trick. Very good post and easy way to create buttons.

]]>