First of all, when you first load up the generator page, you should should see a page that looks similar to the default profile on AA:


The basic principle of using this generator is to click on various parts of the page that you want to modify. If your mouse is hovering over an area that can be modified, it will change into a hand, and a little pop-up message will appear giving the name of the tag or class that you can modify. If you wish to modify that class or tag, then click on it.


When you click on the tag or class, the window should change to show a box filled with various different options. These options are the different CSS options that you may modify.


You can fill each section in however you want to achieve the look that you want for your profile. However, do remember that you must have px, pt, or another unit for measurement for any of the size fields. Likewise, you must also have a # in front of any hexadecimal colors (i.e. #0f14f3). However, any color name can be used in place of a hexadecimal color.

Also, note that no background will be given unless either the url or color background areas are filled, and there will be no borders unless the checkboxes for the borders are clicked.


You may change any or all of the available classes and tags. For the body, .mainbody, and .inner_body classes, you must click on where it says their name.

If you do not wish to click on each of the individual classes and tags, there is a dropdown menu on the bottom left where you can quickly pick which class or tag you want to modify.


To take a look at what your code looks like, hit the preview button on the bottom right. A new window will pop up showing you what the current CSS will look like.


If you are satisfied with your current CSS, then click the submit button on the bottom right. You will then receive all of the CSS code which is to be placed in the Edit Profile Style section when editing your profile.