Comments on: How to Create a Slick and Clean Button in Photoshop http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/ Tue, 31 Jan 2012 01:52:47 +0000 hourly 1 http://wordpress.org/?v=3.0.4 By: Asi serija http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-139822 Asi serija Sun, 11 Dec 2011 12:44:51 +0000 http://sixrevisions.com/?p=805#comment-139822 working!! try it, it is easy when well explained :) thanks! working!! try it, it is easy when well explained :) thanks!

]]> By: Samuaï http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-137933 Samuaï Sun, 27 Nov 2011 12:02:41 +0000 http://sixrevisions.com/?p=805#comment-137933 Hi! Thanks you. Very simple and very nice! Hi!
Thanks you. Very simple and very nice!

]]> By: Bhattit http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-137578 Bhattit Sat, 26 Nov 2011 07:59:30 +0000 http://sixrevisions.com/?p=805#comment-137578 Very wonderful tutorial.... thank you so much for posting this useful tutorial... Well done... :) Very wonderful tutorial…. thank you so much for posting this useful tutorial… Well done… :)

]]> By: Al http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-135978 Al Sun, 20 Nov 2011 22:24:40 +0000 http://sixrevisions.com/?p=805#comment-135978 Hi Zarand, I think you forgot to add the class="buttonb" to the link. Should be like this: <code><a href="http://lamortsubite.co.uk/bio.php" rel="nofollow">Bio</a></code> Hi Zarand, I think you forgot to add the class=”buttonb” to the link.
Should be like this:
<a href="http://lamortsubite.co.uk/bio.php" rel="nofollow">Bio</a>

]]> By: Mark http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-135437 Mark Fri, 18 Nov 2011 11:18:38 +0000 http://sixrevisions.com/?p=805#comment-135437 Thanks, also used this to create some nice smallish banners. Thanks, also used this to create some nice smallish banners.

]]> By: Zaránd http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-135010 Zaránd Sat, 12 Nov 2011 01:08:36 +0000 http://sixrevisions.com/?p=805#comment-135010 Hi. I am also trying to create more buttons, to replace the menu at the top of my (basic) website. I have made different .png files with the different words (home, reviews, gigs etc) The first button works The second does not. I copied the css but changed button to buttonb (buttonbio.png) <pre> .buttonb{ display:block; width:150px; height:50px; text-indent:-9999px; } .buttonb a { display:block; width:100%; height:100%; background:transparent url(buttonbio.png) no-repeat top left; outline:none; } .buttonb a:hover { background-position:0 -50px; </pre> then <pre> <a><a href="http://lamortsubite.co.uk/bio.php" rel="nofollow">Bio</a> </pre> All I get is the word Bio. No button. Can you help perhaps? I am not an expert... Hi.

I am also trying to create more buttons, to replace the menu at the top of my (basic) website. I have made different .png files with the different words (home, reviews, gigs etc)

The first button works

The second does not. I copied the css but changed button to buttonb (buttonbio.png)

 .buttonb{
	display:block;
	width:150px;
	height:50px;
	text-indent:-9999px;
}
.buttonb a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(buttonbio.png) no-repeat top left;
	outline:none;
}
.buttonb a:hover {
	background-position:0 -50px;

then 

<a><a href="http://lamortsubite.co.uk/bio.php" rel="nofollow">Bio</a>

All I get is the word Bio. No button. Can you help perhaps? I am not an expert…

]]> By: condramedia http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-134605 condramedia Mon, 07 Nov 2011 15:28:25 +0000 http://sixrevisions.com/?p=805#comment-134605 Great tutorial. Very stylish. You have taste, sir! Great tutorial. Very stylish. You have taste, sir!

]]> By: Mrinal http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-134023 Mrinal Wed, 02 Nov 2011 12:25:03 +0000 http://sixrevisions.com/?p=805#comment-134023 Very good and informative article written on web 2.0 slick and clean button in photoshop, happy to learn it. Very good and informative article written on web 2.0 slick and clean button in photoshop, happy to learn it.

]]> By: Mark Web http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-127058 Mark Web Sat, 01 Oct 2011 03:05:48 +0000 http://sixrevisions.com/?p=805#comment-127058 Great tutorial. I don't think I have come across such a detailed explanation on how to create nice looking buttons. Bookmarked for future reference, thanks. Great tutorial. I don’t think I have come across such a detailed explanation on how to create nice looking buttons. Bookmarked for future reference, thanks.

]]> By: dilswee http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/#comment-126014 dilswee Wed, 28 Sep 2011 19:28:58 +0000 http://sixrevisions.com/?p=805#comment-126014 I've tried to implement Strangeman's approach using the following code: <a href="#null" rel="nofollow">Home</a> <a href="#null" rel="nofollow">Hours</a> However, no images load. I only get get phantom outlines if I click where images should be. works, but I don't want breaks between buttons. Any help? I’ve tried to implement Strangeman’s approach using the following code:

<a href="#null" rel="nofollow">Home</a>
<a href="#null" rel="nofollow">Hours</a>

However, no images load. I only get get phantom outlines if I click where images should be. works, but I don’t want breaks between buttons. Any help?

]]>