BackBack
2.1.1 2.1a How to Customize the Colors and Graphics
Step Instruction What it looks like
1 Choose Appearance > Colors and Graphics from the menu bar.
2 Select the base set of graphics for your course. You can replace any of the graphics in this base set with your own graphics.
3 To have your course chapters and pages automatically outline numbered, select the Outline Number all Pages check box.

Or you can specify a directory that contains a set of number graphics to use in your course. Click Select Directory and choose the file for the number one, for example, 1.gif.

4 To set the colors and frame layout that you have currently select as the default for future courses, click Set Colors & Frame as Default.
5 To change the color and/or background image for all the content page in your course, click Background Color and/or select Main Background to select an image for the background. If you just want a solid color, select Use Color Only.
6 You can replace any of the base set of ReadyGo navigation graphics with your own graphics. Select the graphic you want to replace and click Select to find the graphic on your computer.

IMPORTANT: Some of these graphics have two versions. One is the normal graphic on the page and the other is a highlighted version of the graphic for when the student moves their mouse over the graphic. You must have two versions of your graphic and they should be exactly the same size.

7 You can specify a 16x16 icon to add to your course. This icon will appear in the browser address bar next to the URL of your course. The file must be an icon file (.ico extension).
8 Click the Bullet Pages tab.
9 To change background colors, click the colored region, select a color (or define a custom color), and click OK.

Note:Setting the background color of the Bullet Page Title to White makes the background for the title transparent.

10 You can replace any of the base set of ReadyGo graphics with your own graphics. Select the graphic you want to replace and click Select to find the graphic on your computer.

IMPORTANT: Some of these graphics have two versions. One is the normal graphic on the page and the other is a highlighted version of the graphic for when the student moves their mouse over the graphic. You must have two versions of your graphic and they should be exactly the same size.

You can also specify custom graphics for the different levels of bullet point indentation.

11 Click the Sidebar tab.
12 To change the width of the sidebar, enter the width (in pixels) in the Sidebar Width field.
13 To change the color and/or background image for the sidebar, click Sidebar color to choose a color and/or select Background Graphic to select an image for the background. If you just want a solid color and no top gradient, select Solid Background.
14 You can remove the bookmark buttons from your course or you can replace the bookmark buttons with your own graphics.
15 Choose whether to have the sidebar include links to chapters only or include an expandable tree menu with links to chapters and bullet pages.

If you choose the expandable tree menu, you can also replace the default graphics for the expand and collapse buttons.

16 To have sub-pages listed in the expandable tree menu (if enabled), the chapter introduction pages, and the stemma select List sub-pages.
17 Click the Services Bar tab.
18 To change the height of the services bar, enter the height (in pixels) in the Services Bar Height field.
19 To change the color and/or background image for the services bar click Services Bar color to choose a color and/or select Background Graphic to select an image for the background. If you just want a solid color services bar do not select a background graphics.
20 To replace the text links in the services bar with your own custom graphics, select the graphic you want to replace and click Select to find the graphic on your computer.

IMPORTANT: All of these graphics have two versions. One is the normal graphic on the page and the other is a highlighted version of the graphic for when the student moves their mouse over the graphic. You must have two versions of your graphic and they should be exactly the same size.

21 Click Done to save your changes.