Developing and Deploying Siebel eBusiness Applications > Modifying the Look and Feel of the Web Client > Adding a New Logo to the Banner >

Modifying the Banner Color Scheme

The color schemes and other styles in Siebel Web templates are controlled using a cascading style sheet. To change the color scheme of the banner frame, you must modify the rules defined in the cascading style sheet for your application.

In this example you will work with the banner selector. The banner selector defines display rules for the banner frame. To modify the background color, you will change the value of the Background-color property. For a list of selectors used in cascading style sheets, see Siebel Tools Online Help.

To modify the banner background color

  1. Navigate to the client_root\public\language_code\files directory and then open the file dCCmain.css.

    2. The file, dCCmain.css, is the cascading style sheet for Siebel Customer and Partner Applications.

    NOTE:  The cascading style sheet for Employee applications is main.css.

  2. Find the following selector and properties in the Banner Definitions section of the file.

    3. .banner,
    TD.banner TD A,
    TD.banner TD A:visited,
    TD.banner TD A:hover { background-color: #333399; color: #ffffff; text-decoration:none; font-weight:bold;}

  3. Change the value of the background-color property and the color property as shown below:

    4. .banner,
    TD.banner TD A,
    TD.banner TD A:visited,
    TD.banner TD A:hover { background-color:     #BDD3FF; color: #333399; text-decoration:none; font-weight:bold;}

  4. Save the file and then open your application.

    5. The banner frame appears with the new background color, as shown in Figure 33.

    Figure 33. Banner Frame with Modified Color Scheme

    Click for full size image


 Developing and Deploying Siebel eBusiness Applications 
 Published: 18 April 2003