Customizing Templates

FIVE-Step Procedure for customizing Templates for Non Top Tier Pages

STEP 1.

Create new sidebar jpeg image (for example: sidebar_AIAS.jpg) and place it in the root directory:       /images/sidebars/ 

STEP 2.

Using a plain text editor, create a new CSS file containing the two lines of code provided below.

In the 2nd line of code, insert the new sidebar image, for example: sidebar_?????.jpg.

(The required code begins with next line)

               /* turns on global nav item */

#cCol               {background-image:url(/images/sidebars/sidebar_?????.jpg);}

(The required code ends with above line)

STEP 3.

Save it the new css file with a filename: PageStyle?????.css (For example:  PageStyleAIAS.css) 

Place the newly created CSS file in the root directory:  /includes/

STEP 4.

Open the CMS Template Manager and click on the template to be customized.

Click on "Template Edit" to customize the template's code"
Edit the path of 2nd <link type=> statement so it points to the new CSS file placed in the root
directory:   /includes/

<link type="text/css" rel="stylesheet"  href="/includes/PageStyle???????.css" media="all">

Click on UPDATE TEMPLATE

STEP 5.

Republish (or branch republish) the page(s) affected by the new customized template.