Skip to the content

Kansas State University

Commented template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="Home" href="" />
<link rel="Search" href="" />
<link rev="Made" href="" />
<link rel="Copyright" href="" />
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<meta name="author" content="Kansas State University" />
<meta name="copyright" content="2006 Kansas State University, All Rights Reserved." />

Below, this KSUSTD element pulls in the K-State core stylesheets and javascript.

<!--#ksustd element="resources" format="2006" -->

The KSU options stylesheet is intended to be unit or page-specific, allowing some style altering, such as sidebar colors, for a single page or group of pages. It should be loaded after all other stylesheets. For details, see Advanced features.

<style type="text/css" media="screen">@import url("/yourdirectory/css/options.css");</style>

The body class indicates the highlighted link for the left or tab navigation. They should be space-separated. For example, class="KSU_left2 KSU_tab4" indicates that I'd like the second link from the top on the left and the fourth tab from the left highlighted. Also, you can change fixed/liquid using the body class. The default is liquid-width. If you desire fixed-width, add class "KSU_fixed" to the end of body tag's class attribute.

<body class="KSU_left1 KSU_tab1">

This ksustd include pulls in the header. The DirectoryName is the name of the web directory and the Page Title/Department Name is the name of the website or unit that appears on the left in the purple header.

<!--#ksustd element="tbar" unit="DirectoryName" title="Page Title/Department Name" format="2006"-->

The KSU_wrapper div contains everything in between the header and footer.

<div id="KSU_wrapper">
<div id="KSU_innerWrapper">

The left column.

   <div id="KSU_sidebar">

The left navigation.

   <ul id="KSU_pageLinks">
      <a href="#">Link 1</a>
         <li><a href="#">SubLink 1</a></li>
         <li><a href="#">SubLink 2</a></li>
         <li><a href="#">SubLink 3</a></li>
         <li><a href="#">SubLink 4</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
      <li><a href="#">Link 5</a></li>

The KSU_sidebarSecondary div holds the left content that comes below the navigation and is usually used in templates for persistent, site-wide links as well as the unit/department contact information.

   <div id="KSU_sidebarSecondary">
   <ul id="KSU_secondaryPageLinks">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
      <li><a href="#">Link 5</a></li>

This is the unit/department contact information.

   <a href="#">Department/Unit Name</a><br />
   Kansas State University<br />
   123 University Ln.<br />
   Manhattan, KS 66506<br />
   785-123-4567<br />
   <a href=""></a>

This ends the KSU_sidebarSecondary: secondary navigation and address information.


This ends the KSU_sidebar: left navigation.

The KSU_mainColumn div holds the middle and right columns, i.e., the core content of the page. It optionally contains tab-based navigation for the site.

   <div id="KSU_mainColumn">

The content-area breadcrumbs, and optional tabs.

      <div id="KSU_pageNav">

The optional tabs.

      <!--#ksustd element="tab-definition" format="2006"
       tab1="Tab 1" url1="#"
       tab2="Tab 2" url1="#"
       tab3="Tab 3" url1="#"
       tab4="Tab 4" url1="#"
       tab5="Tab 5<br />Second Line" url1="#"

The breadcrumb links.

      <div id="KSU_breadcrumbs">
         <li><a href="/">K-State Home</a>  > </li>
         <li><a href="/department">Department/Unit name</a> > </li>
         <li>Title of this page</li>

This ends the KSU_breadcrumbs.


This ends the KSU_pageNav: optional tab navigation.

The optional right column.

      <div id="KSU_mainColumnSidebar">
         <h4>Right sidebar header</h4>
         <p>Right sidebar content.</p>

This ends the KSU_mainColumnSidebar: right column.

The KSU_mainContent div is the middle, or main column, which usually holds the primary content of the page.

      <div id="KSU_mainContent">
         <h3>Main column header</h3>
         <p>Main column content.</p>

This ends the KSU_mainContent.

The KSU_mainColumnFooter allows for content that should be snapped to the bottom of the main column. However, it also clears floats and must be here for layout purposes, even if it's not in use.

   <div id="KSU_mainColumnFooter"></div>

This ends the KSU_mainColumn: middle and right columns.

The KSU_wrapperFooter allows for content just above the footer. It's unlikley it will be used. However, it also clears floats and must be here for layout purposes, even if it's not in use.

    <div id="KSU_wrapperFooter"></div>

This ends the KSU_innerWrapper.


This ends the KSU_wrapper.

The KSU_footer div caps off the bottom of the page. The DirectoryName should match the header.

<!--#ksustd element="bbar" unit="DirectoryName" format="2006"-->