Mouse over and click the sample buttons below to see the effect.
Or create a Mouseover Navigation Bar by placing the buttons side by side on your page:
Tip: To make all buttons same size, add spaces to button text to equal the same number of characters on each.
Instructions: Repeat the steps below for each button. Click "Generate Code" after each button. Copy code below when you're finished with all.
Button Text
Button Color Select: black light blue blue dark blue light red red dark red white yellow light green green dark green
URL
Button Color On MouseOver Select: black light blue blue dark blue light red red dark red white yellow light green green dark green
Font Type Algerian Americana Arial BakerSignet Birch Courier Elephant Georgia Goudy Harrington Hobo Impact Jokerman Kaufmann Magneto Mistral Ravie Select:
Text Color Select: black light blue blue dark blue light red red dark red white yellow light green green dark green
Font Size Select: 10 12 14 16 18
Text Color On MouseOver Select: black light blue blue dark blue light red red dark red white yellow light green green dark green
Font Weight Select: Regular Bold
Text Color On Click black light blue blue dark blue light red red dark red white yellow light green green dark green Select:
CODE #1 (Javascript) Copy & paste to your web page in HTML view anywhere between the < HEAD > and < /HTML > tags.
CODE #2 (HTML for all buttons generated) Copy & paste to your web page in HTML view between the < BODY > and < /BODY > tags exactly where you'd like the button(s) to appear.
Powered By: SearchBliss
Creating Online
Code Generators