Create Cool Web2.0 Buttons with My cool button
Posted By Keith Dsouza On May 25, 2007 @ 2:13 pm In Uncategorized | 9 Comments
Web2.0 logos have become a fad now and I see many websites making use of Web2.0 logos. Even Techie Buzz spots one :). But were buttons far away. Well lets say you do not even have to use photoshop to create the buttons its that easy. My cool button [1] is a site allows you to create web2.0 buttons with ease and the output is quite good too.
There are only four simple steps to create a Web2 button using My cool button;
1. Setup Size
Here you have to setup the size for the button the maximum size of the button is 200 pixels.
My take: They should have a feature where a user can add in customized size.
2. Setup Color
Here you setup the color for the button, you can choose from various pre defined colors, or also make use of a color pallete to choose your background color from. You can also directly enter the hex value for the color
My take: Pretty good as it allows to choose a wide range of colors
3. Setup Icon
This is a pretty cool feature where you can add a icon to the button. You have the option to not use a icon too. If you want to use icons you can choose from a set of predefined icons or choose your upload your own. You can also select the icon size and the position relative to the button. The position can be either right, left or center.
My take: Pretty good feature when you want to create buttons for different purposes like subscribing to feeds or for submitting to social networking sites. The draw back is that it currently supports only png files to be used as personal icons.
4. Setup font and text
Now this is the final step where you set up the font and the text to be displayed on the button. You can also change the color of the text using a color palette or directly enter the hex value for the color.
My take: There aren't a wide range of fonts avialable now, it could be good if few more could be added.
That's it your all set, just click on Apply changes button and get your own cool web2.0 button and flaunt it on your site. Here is a button i use creating my cool button, I am trying to figure out where I should place it, if you have any ideas do let me know ;).
[2]
If you too want to create a button then check out My cool button [1].
Do let me know if you try it out, I would love to see how you put it to use.
Via: [Digial Insipration [3]]
My take: They should have a feature where a user can add in customized size.
2. Setup Color
Here you setup the color for the button, you can choose from various pre defined colors, or also make use of a color pallete to choose your background color from. You can also directly enter the hex value for the color
My take: Pretty good as it allows to choose a wide range of colors
3. Setup Icon
This is a pretty cool feature where you can add a icon to the button. You have the option to not use a icon too. If you want to use icons you can choose from a set of predefined icons or choose your upload your own. You can also select the icon size and the position relative to the button. The position can be either right, left or center.
My take: Pretty good feature when you want to create buttons for different purposes like subscribing to feeds or for submitting to social networking sites. The draw back is that it currently supports only png files to be used as personal icons.
4. Setup font and text
Now this is the final step where you set up the font and the text to be displayed on the button. You can also change the color of the text using a color palette or directly enter the hex value for the color.
My take: There aren't a wide range of fonts avialable now, it could be good if few more could be added.
That's it your all set, just click on Apply changes button and get your own cool web2.0 button and flaunt it on your site. Here is a button i use creating my cool button, I am trying to figure out where I should place it, if you have any ideas do let me know ;).
[2]
If you too want to create a button then check out My cool button [1].
Do let me know if you try it out, I would love to see how you put it to use.
Via: [Digial Insipration [3]]Article printed from Techie Buzz: http://techie-buzz.com
URL to article: http://techie-buzz.com/tips-and-tricks/create-cool-web20-buttons-with-my-cool-button.html
URLs in this post:
[1] My cool button: http://www.mycoolbutton.com/
[2] Image: http://techie-buzz.comfeed:http://feeds.feedburner.com/techiebuzz
[3] Digial Insipration: http://labnol.blogspot.com/2007/05/create-web-20-buttons-online-without.html
Click here to print.