Modifying the CC Layout
For some sites, the webmaster may want to incorporate certain aspects of the Colorado College layout into their webpages. If you would simply like to create a new page with the CC layout, see this page. Here are the steps:
- Include the layout Cascading Style Sheet (CSS) file. To do this, include this line between the <head></head> tags near the top of the HTML document:
<link href = "http://www.ColoradoCollege.edu/include/layout.css" rel = "stylesheet" type = "text/css">
- Create your layout. Be sure to leave room for the portion(s) of the CC layout that you wish to incorporate into your design. Here are some dimensions to keep in mind:
Page width: 768 pixels
Content cell width: 663 pixels
Top (gold) navigation bar: 768 x 26 pixels
Side (blue navigation): 94 pixels wide. Each button is 50 pixels high
- Add the Colorado College stylesheet ids and classes. Refer to this image for all of the id and class names. It may also be useful to look at the source code of this page. If you have little experience using Cascading Style Sheets this CSS reference may be useful.