Buttons for website
I need to create some buttons for a web application. However, I have no graphics / Photoshop skills at all. Is there a website / software out there that I can just type in text for my button and it will spit out a graphic with these words on top?
I don't mind avoiding graphics altogether, but links should look like a button. for example a box. The buttons on Stackoverflow look too simple for my tastes.
a source to share
You can use Google's approach to buttons .
They are created from HTML elements, not graphics. The main advantage of this is that you can create a beautiful button with any text on the fly, which is good if you have many buttons or many languages to display your site.
a source to share
If you are using Mac OS X, you can use Button Builder .
Also, while it's not as good as generating your own button graphics, you can simply use the browser's default buttons:
<input type="button" value="My Button" />
Steve
a source to share
If you don't mind getting into CSS, you can generate something similar to a winforms button:
.button {
font:"Microsoft Sans Serif";
font-size:small;
background:#CCCCCC;
border:solid;
border-width:thin;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
border-right-color:#666666;
border-bottom-color:#666666;
padding-left:12px;
padding-right:12px
}
Or it will look like a key on the keyboard:
.key {
font:"Microsoft Sans Serif";
font-size:small;
color:#FFFFFF;
background:#000000;
border:solid;
border-width:medium;
border-left-color:#999999;
border-top-color:#999999;
border-right-color:#333333;
border-bottom-color:#333333;
padding-left:3px;
padding-right:3px
}
To use it, just surround the text:
<span class="button">Button Text</span>
<span class="key">Key Text</span>
I don't think I can post an example here, but if you look here , you can see it in action.
I'll be the first to admit that they are pretty simple, but they look like a button;) I'm sure a little CSS processing can give better results - especially if you've changed the colors.
a source to share