|
Only Forum Administrators have access to Setup tools in panFora. |
|
 |
|
panFora allows you to completely customize your Forum color scheme. |
|
 |
|
You can customize all color elements in each Forum, from background colors to plain text colors and text links colors. |
|
 |
|
You may assign colors to each frame and its elements independently of other frames. |
|
 |
|
You may: |
|
 Use the existing Color Scheme library to change the colors in your Forum. |
|
 Edit any color schemes in the Color Scheme library |
|
 Create your own color schemes. |
|
 Add your color schemes to the Color Scheme library |
|
 Use the panFora Color Picker to select web safe colors. |
|
 Use the panFora RGB to Hex Converter to assign hex values to any RGB color. |
|
 Upload and use background images. |
|
 Preview all your edits prior to committing your changes. |
|
|
|
Important: |
|
 If you customize your Forum colors, make sure you make the necessary edits to the default Forum pages. |
|
Please refer to Edit Pages section for more information. |
|
|
|
Option1 overview: Edit all elements in one operation. |
|
1. Load an Alternate Color Scheme in the Colors Frame to make global color changes. |
|
2. Preview |
|
3. Save your changes. |
|
|
|
Option2 overview: Edit individual elements. |
|
1. Select the element you wish to edit in the Colors Scheme Preview Frame. |
|
2. Edit the existing color with one of the three methods below: |
|
a. Load an Alternate Color Scheme in the Colors Frame. |
|
b. Retype the hex value in the Colors Frame. |
|
c. Select a color in the Color Picker Frame. |
|
3. If desired, apply a background image |
|
 Select a background image in the Background Images Frame. |
|
 Use one of the existing images or upload a new image |
|
 Select the Frame you wish to apply the background to. |
|
4. Preview your edits in the Color Scheme Preview Frame. |
|
5. Save your changes. |
|
|
|
Using the Hex to RGB conversion utility |
|
1. Click  |
|
 The Hex to RGB conversion utility window pops up. |
|
2. Enter the desired RGB values |
|
3. Click to convert the RGB values into a Hex Value. |
|
4. Click to copy the hex value to the color value text field |
|
5. Close window. |
|
6. Click to apply the color to the element currently selected in the Colors Frame. |
|
 The Color Scheme Preview Frame updates to reflect the change. |
|
7. Click to Revert back to the previous value. |
|
|
|
Colors Frame |
|
This frame allows you to: |
|
 Load alternate color schemes into your Forum. |
|
 Add new color schemes to [Color Scheme] list. |
|
 Make specific color edits to individual elements. |
|
 Copy a color from one element to another |
|
|
|
Load Alternate Color Schemes |
|
1. Select an alternate color scheme from the Color Scheme pull-down menu. |
|
2. Click to get an idea of how the Forum will look like with this color scheme. |
|
3. Click to submit your changes. |
|
 A confirmation window pops up. |
|
You will be asked if you want to apply this new color scheme to the current Forum. |
|
Click Yesto apply it, click Noto abort. |
|
Notes: |
|
 Use the existing color scheme library as a departure point for color editing. |
|
 Once you load an existing color scheme, you can edit |
|
any of its elements to further customize it. |
|
|
|
Add a new Color Scheme to the Color Scheme list |
|
1. Select an alternate color scheme from the Color Scheme pull-down menu.. |
|
2. Click to get an idea of how the Forum will look like with this color scheme. |
|
3 Edit any of the elements' colors. |
|
 The Color Scheme Preview Frame updates to reflect the changes. |
|
4 Enter a new Color Scheme Name in the Color Scheme Name text field. |
|
5. Click to Save your new color scheme.. |
|
 A confirmation window pops up. |
|
You will be asked if you want to apply this new color scheme to the current Forum. |
|
Click Yes to apply it, click No to just add it to the current Forum color scheme library. |
|
 Tip: Remember to click the Refresh (Reload) button in your browser |
|
to see the newly added color scheme to the list. |
|
|
|
Make Specific Color Edits |
|
 |
|
Individual Elements List |
|
 All the Forum color elements that can be edited are listed in the Colors Frame. |
|
 They are organized in three columns: [Topics Frame], [Threads Frame] and [Content Frame]. |
|
This reflects where each element appears in the Forum |
|
 The following elements appear in each of the above three frames: |
|
  Frame Header Background Color |
|
  Frame Background Color |
|
  Frame Plain Text Color |
|
  Frame Active Link |
|
  Frame Visited Link |
|
  Frame Background Image |
|
 The elements below appear only in specific frames: |
|
  Topics Frame Date Text |
|
  Threads Frame Selected Topic Highlight Text |
|
  Content Frame Message Header Highlight |
|
  Content Frame Message Highlight |
|
  Global User Highlight (non-moderator) |
|
|
|
1. Click the radio button next to the element you wish to edit |
|
 or click the element in the Color Scheme Preview Frame. |
|
2. Edit the hex value in its text area |
|
 or select a color from the Color Picker or Hex/RGB converter. |
|
Please refer to Using the Color Picker for more information. |
|
3. If desired, add a background to a Frame by selecting an image from the background list. |
|
 Please refer to The Background Images Frame for more information. |
|
4. Click to Save your changes. |
|
 Warning: Your changes will overwrite the selected color scheme unless you rename it. |
|
a. Rename it to add a new color scheme to the list. |
|
b. Leave the name as is to overwrite the existing color scheme in the Forum library. |
|
c. Click to cancel the edits. |
|
|
|
How to Copy a color from one element to another |
|
1. Click next to the desired color. |
|
 That will copy the color value to the color picker |
|
2. Select the element you want to copy the color to. |
|
 Click the radio button next to it in the Colors Frame or |
|
 Click its link in the Color Scheme Preview Frame. |
|
3. Click in the Color Picker Frame. |