Today is . Page created 1/23/04, updated 03/28/06

Graphic Button Generator

Select the type of button you would like to have.
                         More options further Down Page


W e have also included (not part of the script) a
Color Picker ] and a Code Tester ] to assist you in selecting and viewing the different colors for your buttons.

You can also specify custom colors for Button Rollovers
Normal Button Background *Specify Standard colors like Red,Green,etc or Numerical values preceded by #.
(Ex : #FFFFFF)
Normal Text Color *Specify Standard colors like Red,Green,etc or Numerical values preceded by #.
(Ex : #FFFFFF)
Button Background on Focus *Specify Standard colors like Red,Green,etc or Numerical values preceded by #.
(Ex : #FFFFFF)
Text Color on Focus *Specify Standard colors like Red,Green,etc or Numerical values preceded by #.
(Ex : #FFFFFF)
Button Name
Button Caption

U se this generator to create your own graphic buttons, create rollover effects, choose colors and more.

W e have tested the code in IE6.0, Firefox1.5.0.1, Opera8.52, Netscape7.02, Netscape8.0.4 and AOL Explorer1.2. This script worked well in all platforms with one variation observed in AOL Explorer1.2.

D epending on your knowledge of HTML and java scripts, this is an easy, two part copy and paste code with no reconfigurations. The first part goes in the <HEAD> section of your document and the second part goes in the <BODY> section of your document with no reconfigurations.

Note Of Importance Note of Importance ~ On the page you get the copy and paste code, there is one line of script (text) in the <BODY> section you need to remove, otherwise you will have a line of text on your page you do not want. Remove the below part of the script that is color coded in "lime green". See below on where to remove the line of text within the script:

            <textarea id="txt2" cols="60" rows="10" name="txtCustCode"></textarea>

        </form>

//Paste this code in the HEAD part of your page

<Script language='Javascript'>

W e also have an updated version of this script with more options. Just grab the below link and you are there.
Updated Graphic Button Generator ]

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our FAQ ] and if you can't find the answer there, contact us ].
Get Code Here ]   [ Rate This Page ]  

Talk Live To A Support Technician

Search Our Site By Individual letter

A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-