Tutorial AD Styler and Color Options

Introduction:

With the addition of our new default theme we would also like to introduce our AD Styler and Color Options. These allow you to select your own client sided color, font and background image. The need for making multiple themes for user selection is now a thing of the past. Now you can customize your own forum theme with a basic selection of colors, fonts and patterns.


Scroll down to the bottom of the forum index. Near the footer you'll see two buttons, AD Styler and Color Options.

Spoiler

Color Options:

Let's look at Color Options first as this is the easiest. Color Options is a list of color presets named after the 7 deadly sins. These are your most basic color selections. Click the Color Options button and the list of presets will appear.

Spoiler

Here are two examples from our Greed and Wrath presets.

Spoiler

From here if you are not satisfied with your background image you can select a new one from the AD Styler menu (see below).


AD Styler:

After clicking the Ad Styler button it appears in the right corner of the screen. You can click here to drag it anywhere.

Spoiler

The menu is labeled as follows.

1. Presets.
These are 5 more color presets here that you can use if you don't feel like using the color swatches. Including the 7 from Color Options there are a total of 12 presets (and the default theme)

2. Color Swatches.
These colors define the forums primary, secondary, tertiary and background colors. Click on one of these swatches and open a color grid for total color customization.

3. Font.
Defines panel font.

4. Body Background Pattern.
Choose from 8 preset background patterns and one solid background color (all of which can be re-colored).

Occasionally the patterns expand too large and cause the image to be blurry. If this happens select a preset from Color Options and then re-choose your background image from AD Styler. We will take submissions for custom backgrounds at a later time.

5. Save Button
Make sure you click this button when you are done customizing your theme.

Spoiler

If I missed anything please let me know.