Website Button Maker

Website buttons (like the one shown below) are very popular these days: the largest directory of website buttons (Steal These Buttons, see below) contains over 3000 buttons.

This page allows you to make your own website button. Any questions, feedback, or improvement suggestions, please contact me.

Example website buttons

The following buttons were produced using the Enhanced Website Button Maker:

• The official Website Buttons Maker button.


• A website button for the PHP website analytics script, PHPCounter.


• A button for linking to your RSS syndication feed.


• A button for showing that your RSS is valid.


• A button for showing that your CSS is validated.


• A button for showing that your XHTML is validated.

Website Button maker output

Your website button:

Anatomy of a button

Please refer to the enlarged website button image for help

Click on the image to open the color chooser.

Dimensions

If you plan to submit your button to Steal These Buttons, please read the note below.

Button width (in pixels)

Button height (in pixels)

Border colors

Outer border color (in hex)

Inner border color (in hex)

Bar

Bar color (in hex)

Bar position (pixels from left edge)

Left Panel

Left panel text

Left panel text position (pixels from left edge of panel)

Left panel text top (pixels from top edge)

Left panel background color (in hex)

Left panel text color (in hex)

Right Panel

Right panel text

Right panel text position (pixels from left edge of panel)

Right panel text top (pixels from top edge)

Right panel background color (in hex)

Right panel text color (in hex)

Font

If you plan to submit your button to Steal These Buttons, please read the note below.

International characters: All of the fonts except Silkscreen support internation characters to some degree, so try them all to see which one you like best. Chrysanthi Unicode and Cyberbit contain complete the unicode character set.

Font: SilkscreenArialAugieCalligrapher RegularCourierMovieola TitletypeOlde EnglishPookieBitstream VeraChrysanthi UnicodeCyberbit

Font size

*

 

Note for Steal These Buttons submissions

Steal These Buttons is the largest directory of website buttons containing over 3000 free website buttons. If you plan to submit your button to Steal These Buttons, please note that they accept only Silkscreen as the font and that the image size must be 80x15 pixels. You can share the buttons created on this page by using the Steal These Buttons upload form.

Credits

The Enhanced Website Button Maker was inspired by the Button Maker by Adam Kalsey, but I wanted one with more features like different fonts, etc.

The fonts used in this script come from various sources: Silkscreen, augie, movieola titletype, pookie, Olde English, and Calligrapher. Thanks to all their authors for sharing these nice fonts!

I spent too much time browsing the Steal These Buttons. If you want to share the buttons created on this page, use their upload form.

The color chooser is the Tigra JavaScript Color Picker.

Listed in