| |||||||
This is a discussion on My big sign up button within the eXceem Graphics Team forums, part of the Websites category; Took me ages - I'm not too great at this photoshop lark. Does it look good? Can anyone make it ...
 |
| | Thread Tools |
09-12-09, 08:16 AM
| #1 |
| £50,000 Club  Join Date: Nov 2005 Location: Down Under
Posts: 1,663
 | My big sign up buttonTook me ages - I'm not too great at this photoshop lark. Does it look good? Can anyone make it better? Free iPhone 3G S - You don't need a contract to get a free iPhone about half way down.
__________________ |
 |
|
09-12-09, 11:12 AM
| #2 |
| FJ Network Owner  Join Date: Mar 2007
Posts: 2,934
| Very shiny  Is it meant to look like the back of an iPhone? |
| |
|
09-12-09, 11:56 AM
| #3 |
| iBook  Join Date: Oct 2007 Location: Glasgow
Posts: 2,266
| It's not bad, but it looks like you've just applied a default style to the button like you get in Fireworks. There's some good tutorials to make 'rounded buttons' about, and it's actually really easy to do. You should also consider creating a rollover effect and use CSS to change the button on hover.
__________________ Received about £1600 worth so far! Spoiler  |
| |
|
10-12-09, 09:40 AM
| #4 | |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
| Quote:
 Ok, no. But now you mention it, it does look a bit like that!
__________________ | |
| |
|
10-12-09, 09:41 AM
| #5 | |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
| Quote:
__________________ | |
| |
|
10-12-09, 10:58 AM
| #6 | |
| iBook Join Date: Oct 2007 Location: Glasgow
Posts: 2,266
| Quote:
Web 2.0 style buttons | IRIS Design Rounded Button | Pscloud And here's a good tutorial on how to make the rollover using just CSS... Making CSS Rollover Buttons
__________________ Received about £1600 worth so far! Spoiler | |
| |
|
10-12-09, 11:20 AM
| #7 |
| Mini Mac  Join Date: Apr 2009 Location: Plymouth!
Posts: 5,666
  | It looks quite snazzy, just there is a white background around part of it  |
| |
|
11-12-09, 09:55 AM
| #8 |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
| Changed the button to something a bit more 2009. Any good? How do I stop the white underlining happening in IE?
__________________ |
| |
|
11-12-09, 10:12 AM
| #9 |
| Mini Mac  Join Date: Jun 2008 Location: St Helens
Posts: 4,219
 | It is happening because you have your links being highlighted in your CSS. You will need to make a seperate style in the CSS for img links and use no decoration.
__________________ |
| |
|
11-12-09, 10:36 AM
| #10 | |
| iBook Join Date: Oct 2007 Location: Glasgow
Posts: 2,266
| Quote:
I had a peek at the code you use to switch the images. Your using Javascript for the hover effect, but you should try using the CSS method I linked to above. It's better because it means you don't have to add extra code to the HTML document, and if someone has javascript disabled then they'll still see the effect. It also means that the full image is loaded when the page loads, and you don't have to use image preload javascript either.
__________________ Received about £1600 worth so far! Spoiler | |
| |
|
11-12-09, 10:52 AM
| #11 |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
| I've been fiddling with the images and the tooltip for a couple of hours and I'm now happy with them. Next step will be to implement the css rollover code and take it out of the HTML. Thanks for the help. edit: I know the tooltip doesn't display right in IE. Think I might have to live with that.
__________________ Last edited by tombsc; 11-12-09 at 10:53 AM.. |
| |
|
21-12-09, 01:38 AM
| #12 | |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
| Quote:
Thanks
__________________ | |
| |
|
21-12-09, 09:32 AM
| #13 |
| iBook Join Date: Oct 2007 Location: Glasgow
Posts: 2,266
| You'll need to put them in an unordered list <ul> and then apply css to the list display: inline; That should make them go across the way rather than down.
__________________ Received about £1600 worth so far! Spoiler |
| |
|
21-12-09, 06:27 PM
| #14 | |
| iPod 20gb  Join Date: Mar 2006 Location: Canterbury
Posts: 778
| Quote:
| |
| |
|
21-12-09, 07:01 PM
| #15 | |
| blah blah blah  Join Date: Nov 2005 Location: Here
Posts: 17,852
| Quote:
__________________ | |
| |
|
21-12-09, 07:06 PM
| #16 | |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
| Quote:
 " Which I reported and have him negative rep for because it was stupid. He went to one of my posts and gave me negative rep in return. | |
| |
|
21-12-09, 07:12 PM
| #17 |
| Mini Mac  Join Date: Nov 2006 Location: l33dz
Posts: 9,417
| rotflmao have u heard you two, playground tactics lol
__________________ Freebiejeebies | Free iphone | Free Blackberry | Free Wii U | Free laptop  ^^^^ its not real stop begging losers ^^^^ Someone once said "Life is what you make it", I disagree sometimes life makes you into what you are. |
| |
|
21-12-09, 07:15 PM
| #18 | |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
| Quote:
| |
| |
|
21-12-09, 07:23 PM
| #19 | |
| blah blah blah Join Date: Nov 2005 Location: Here
Posts: 17,852
| Quote:
__________________ | |
| |
|
21-12-09, 07:48 PM
| #20 | |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
| Quote:
I only got neg rep because I gave him neg rep | |
| |
|
| Thread Tools | |
| |
