| |||||||
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 |
| | #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.
__________________ |
|
| | #2 |
| FJ Network Owner Join Date: Mar 2007
Posts: 2,934
![]() ![]() ![]() ![]() | Very shiny |
|
| | #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 |
|
| | #4 |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
![]() ![]() | If I answer 'yes', will that make me look good? Ok, no. But now you mention it, it does look a bit like that!
__________________ |
|
| | #5 | |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
![]() ![]() | Quote:
__________________ | |
|
| | #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 | |
|
| | #7 |
| Mini Mac | It looks quite snazzy, just there is a white background around part of it |
|
| | #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?
__________________ |
|
| | #9 |
| Mini Mac | 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.
__________________ |
|
| | #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 |
| £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.. |
|
| | #12 | |
| £50,000 Club Join Date: Nov 2005 Location: Down Under
Posts: 1,663
![]() ![]() | Quote:
Thanks
__________________ | |
|
| | #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 |
|
| | #14 |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
![]() ![]() | Thanks for the completely unrelated negative rep... couldn't handle the fact that your thread was crap and got deleted. |
|
| | #15 |
| blah blah blah | What thread was that?
__________________ |
|
| | #16 |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
![]() ![]() | |
|
| | #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. |
|
| | #18 |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
![]() ![]() | |
|
| | #19 |
| blah blah blah | But how did he know that you had "told on him"?
__________________ |
|
| | #20 |
| iPod 20gb Join Date: Mar 2006 Location: Canterbury
Posts: 778
![]() ![]() | |
|
![]() |
| Thread Tools | |
| |