Alex Mandossian Alex Button v2.3 Generator

Step One:

Using this form in Step One, configure your Alex Button to give you the desired output that you're expecting on your page.

What do you want the DEFAULT outside background color to be?
Use RGB Hex Color [?]

What do yo want the HOVER outside background color to be?
Use RGB Hex Color [?]

What do yo want the PRESSED outside background color to be?
Use RGB Hex Color [?]

What should the button say?

Will this be used as a link or a form submission button?

Form
Link

Form Name

What URL should this be linked to?

Should the button open the link in a new window?

What size should your Alex Button be?

Small
Large
Custom

How many buttons will be on this page? Explain

Step Two:

After clicking the `Make My Alex Button »` button above, you'll see a preview of what your button will look like here. After pressing the preview of your Alex Button, you'll be given an option to get the code for your Alex Button or, you can return to the form above to modify your button some more.

Make My Alex Button! »

Do you like the button above?

YES, I like the button, please give me the code! »

« NO, I want to make more modifications to the button

Step Three:

To implement the Alex Button on your web page, you will need to copy the contents of the two large text fields below. Read the directions carefully on where each section of code should be placed on your web page.

<head> Code
This code can go into the <head> of your HTML document, or you can place it into an external style sheet. All image URLs are absolute, so you do not need to download any images for your Alex Button to work.

[Select <head> Code]… then right click on the selected code and choose copy from the menu.

Button Code
This code goes where you want to display the button in your HTML document.

[Select Button Code]… then right click on the selected code and choose copy from the menu