Topbar Choices
There are three fundamental styles of topbars in BluPlusPlus: classic, panel, and pipe. Topbars are set in the style CSS files, and are user-configurable only by editting the appropriate CSS file (see below). By default, each BPP style is associated with the classic-style topbar specified in the table below.
| topbar style name |
image file name | assigned to style | ||
|---|---|---|---|---|
| ‘classic.gif’ | ‘panel.gif’ | ‘pipe.gif’ | ||
| blue |  |
 |
 |
All except those specified below |
| black |  |
n/a | n/a | White |
| dark-green |  |
 |
 |
|
| dark-green2 |  |
 |
 |
Hakki |
| golden-green |  |
 |
 |
Autumn |
| gray |  |
 |
 |
Gray |
| khaki |  |
n/a | n/a | |
| light-green |  |
 |
 |
|
| purple |  |
 |
 |
Christmas |
| red |  |
n/a | n/a | |
Changing the Topbar
To change the topbar from the default value, the style CSS file must be edited. The style CSS files are located in the BluPlusPlus-->res-->styles folder. Follow the directions below:
- Use any text editor to open the style CSS file of the style whose bar is to change
- Locate the ‘topbar’ selector
- To change within a given color scheme from the default ‘classic.gif’ bar to the ‘panel.gif’ or ‘pipe.gif’, change the name of the file within the ‘background-image’ property (e.g. change background-image: url(../topbars/blue/classic.gif); to background-image: url(../topbars/blue/pipe.gif);
- To change color schemes, change the name of the color scheme folder before the file name (.e.g. change background-image: url(../topbars/blue/classic.gif); to background-image: url(../topbars/dark-green2/classic.gif);
General information about locating and editing CSS files is found here.
‘topbar’ selector from the style file arcs.css
/* Style for the Top bar */
.topbar {
background-color: #6595D6;
background-image: url(../topbars/blue/classic.gif);
background-repeat: repeat-x;
height: 25px;
}
.topbar {
background-color: #6595D6;
background-image: url(../topbars/blue/classic.gif);
background-repeat: repeat-x;
height: 25px;
}