borders

This is the color of the outer border of the button Outer Border:
This is the color of the inner border and the middle bar of the button leaving this field empty results in a button without an inner border Inner Border:
This is the position of the bar. Range: 0-80 pixel (from the left side) Position of the bar (0-80):

Your button:

= == ===>

<=== == =

Help:

About this tool

This tool allows you to make those 80x15 sized buttons that can be found on a lot of pages.
It allows you to create those buttons without touching an image creating program.

The manual

If you move your mouse over the individal field descriptions, you'll see a short help tooltip with some explainations.
The final result is displayed in the "Your Button" Section. If you changes one or more values you need to click on the "(re)create button" button to, well, recreate the button with the new settings.
After you fine-tuned your button, you can save it to your harddisc by right-clicking it and pick "Save Images As" (or similar, depending on your browser).

Turn tooltip help off
Note: The help tooltips only work with recent browsers which support CSS correctly
( or in other words: all but Microsoft Internet Explorer ).
2nd Note: do not link directly to those images here, they will be deleted after a few hours.

Have fun...
If you use the generated images, please put a link to this tool. thanks.

left part

This is the background color of the left part of the button Background:
This is left-side text of the button Text:
This is the text-color of the left part of the button Text color:
This select the font to use on the left text Font:
Font-size of the text. (Should be between 4 and 7) Font size:
Number of pixels from the top left border to the upper left beginning of the text Text position:	X: Y:
If you uploaded an image, this lets you reuse it without uploading again Reuse last image:
Option to upload an image to be displayed on the left side. (<100kB) Left image:
Or you can use one of the system's internal images Use system img:
Number of pixels from the top left border to the upper left beginning of the image Image position:	X: Y:
Width and height of the image (-1 means take from original image) Image size:	X: Y:

right part

This is the background color of the right part of the button Background:
This is right-side text of the button Text:
This is the text-color of the right part of the button Text color:
This select the font to use on the right text Font:
Font-size of the text. (Should be between 4 and 7) Font size:
Number of pixels from the top and from the bar position to the upper left beginning of the text Text position:	Y:
If you uploaded an image, this lets you reuse it without uploading again Reuse last image:
Option to upload an image to be displayed on the left side. (<100kB) Right image:
Or you can use one of the system's internal images Use system img:
Number of pixels from the top and from the bar position to the upper left beginning of the image Image position:	X: Y:
Width and height of the image (-1 means take from original image) Image size:	X: Y:

System images

Move the mouse over the images to get the name.

examples

You have made a good looking button you would like to see here? copy and paste this link and send it to buttonsubmit (at) linuxhowtos (*dot*) org. If you used uploaded images, don't forget to include them in your email

Copyright S&P Softwaredesign. Hosted on www.linuxhowtos.org. Permission granted to do whatever you want with the images created by this tool.
Thanks to my Alpha and Beta testers Andreas Gerth, Martin Bergen and SmileyGen from #gentoo on efnet