Alex Mandossian

Alex Button Generator v4

Use the color picker below to design how your Alex Button will look. You can choose 1 color for each of the 3 different states of the border color: Default, Hover and Pressed.
Border Colors  
Default Border:
Hover Border:
Pressed Border:
Click on field next to the border color state you would like to change and then choose a color:
Use the form below to customize your Alex Button copy and functionality. Your Alex Button can work as a hyperlink or you can use it to submit a web form.
Sample Button  
 
Customize Button  

What should your Alex Button say?

What size should your Alex Button be?

Will your Alex Button be used as a hyperlink to another page or to submit a web form?


 
To use your Alex Button on your web page, you will need to copy the contents of the two large textareas below. Read the directions carefully for each section..
<head> Code This code can go into the <head> of your HTML document, or you can place it into an external style sheet. All of the 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.

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

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


Looking for the classic version? »