sample header: blue1header
 

Information Technology   

  
 

West Campus Departmental Page Templates

Listed below are the district-level departmental web page banners and complete templates using these banners. At least 3 versions of the templates are given, each utilizing recommended font colors for page titles and headings. Cascading Style Sheet "classes" have been established for each of the colors. Hexidecimal codes are also given so that editors may include the appropriate color in <font> tags.

image of sample header
Header filename:   blue3header.jpg
  Templates Dark Purple Font   Dark Red Font   Dark Purple Font 2  

image of sample header
Header filename:   blue2header.jpg
  Templates Dark Purple Font   Dark Red Font   Dark Purple Font 2  

image of sample header
Header filename:   blue1header.jpg
  Templates Dark Purple Font   Dark Red Font   Dark Purple Font 2  

image of sample header
Header filename:   blue4header.jpg
  Templates Light Blue Font   Red Font   Jade Font  

image of sample header
Header filename:   bluegreyheader.jpg
  Templates Dark Purple Font   Cadet Blue Font   Mauve Font  

image of sample header
Header filename:   silverheader.jpg
  Templates Dark Purple Font   Cadet Blue Font   Red Font  

image of sample header
Header filename:   teal3header.jpg
  Templates Dark Purple Font   Cadet Blue 2 Font   Dark Red Font  

image of sample header
Header filename:   teal2header.jpg
  Templates Dark Purple Font   Cadet Blue 2 Font   Dark Red Font  

image of sample header
Header filename:   teal1header.jpg
  Templates Dark Violet Font   Cadet Blue 2 Font   Dark Purple Font  

image of sample header
Header filename:   green1header.jpg
  Templates Purple Font   Dark Blue Font   Dark Purple Font  

image of sample header
Header filename:   green2header.jpg
  Templates Purple Font   Dark Blue Font   Dark Purple Font  

image of sample header
Header filename:   green3header.jpg
  Templates Dark Blue Font   Dark Purple Font     

image of sample header
Header filename:   purple1header.jpg
  Templates Dark Red 2 Font   Dark Jade Font   Cadet Blue 2 Font  

image of sample header
Header filename:   purple2header.jpg
  Templates Brown Font   Dark Jade Font   Dark Blue Font  

image of sample header
Header filename:   violetheader.jpg
  Templates Cadet Blue 2 Font   Light Blue Font   Dark Purple Font  

image of sample header
Header filename:   lavender1header.jpg
  Templates   Brown Font   Dark Purple 2 Font   Dark Blue Font   Cadet Blue Font  

image of sample header
Header filename:   lavender2header.jpg
  Templates   Brown Font   Dark Purple 2 Font   Dark Blue Font   Cadet Blue Font  

image of sample header
Header filename:   redheader.jpg
  Templates Dark Purple Font   Dark Blue Font   Blue Font  

image of sample header
Header filename:   burgundyheader.jpg
  Templates Dark Purple Font   Dark Purple 2 Font   Cadet Blue Font  

image of sample header
Header filename:   salmonheader.jpg
  Templates Red Font   Dark Blue Font   BlueGray Font  

image of sample header
Header filename:   orangeheader.jpg
  Templates Dark Purple 3 Font   Cadet Blue Font   Red Font  

image of sample header
Header filename:   yellowheader.jpg
  Templates Dark Purple Font   Cadet Blue Font   Cadet Blue 2 Font  

image of sample header
Header filename:   yelloworangeheader.jpg
  Templates Dark Purple Font   Cadet Blue Font   Cadet Blue 2 Font  

image of sample header
Header filename:   rustheader.jpg
  Templates Violet Blue Font   Dark Violet Font   Cadet Blue Font  

image of sample header
Header filename:   brownheader.jpg
  Templates Light Blue Font   Cadet Blue Font   Cadet Blue 2 Font  

 

A table of all recommended colors is given below (CSS class/hexidecimal code):

Color Class Name Hex Code
  title_blue 003399
  title_bluegray 666699
  title_brown 663333
  title_cadetblue 336699
  title_cadetblue2 006699
  title_dkblue 333399
  title_dkjade 336666
  title_dkpurple 663366
  title_dkpurple2 330033
  title_dkpurple3 333366
  title_dkred 660033
  title_dkred2 660000
  title_dkviolet 330066
  title_jade 669999
  title_lightblue 3366CC
  title_mauve 996666
  title_purple 660066
  title_red 993333
  title_violetblue 000099

Banner Usage:
Standard banners must be used at the top of all departmental pages. These images may not be edited. The name of the image is give below the banner. Do not change the name of the image. Banner widths must by 670 and height 29. Alt tag should be "Pima Community College" . Link should be to the college home page: http://www.pima.edu

width="670" height="29" alt="Pima Community College"

Additional Images included in the template:

Side navigation bar: column width is 170 pixels, background image is side3_top.jpg

navigation bar image

Bottom of navigation bar uses image: side3_bottom.jpg

bottom navigation bar image

Horizontal rule used in navigation bar is: blackrule.gif

horizontal rule image

Black dots used in central navigation is: blackbullet.gif

bullet image

  
Go to main navigation bar
 
   
  Email:  Dept'l email address
  Addresses
 
PCC Home - Classes - Calendars - PCC Help - Find It! / Site Map