Page Layout Examples
Important: If you use any of the examples below, remember
to replace "accountname" with your actual account name on the web server.
-
Page with title, no right column
This page itself uses this layout.
<!--#include virtual="/~accountname/myssi/myheader.shtml" -->
<h1>Large Typeface Page Title Here</h1>
<div class="ku_hr"></div>
<div class="ku_middle_rows_full"><div class="ku_middle_text">
Content Text.
</div></div>
<div class="ku_mr_row_full"><div class="ku_middle_text">
Content Text.
</div></div>
<!--#include virtual="/~http/ssi/footer_ku.shtml" -->
-
Page without title, no right column
In this layout, your page's main content will appear immediately underneath
the KU banner.
<!--#include virtual="/~accountname/myssi/myheader.shtml" -->
<div class="ku_middle_rows_full"><div class="ku_middle_text">
Content Text.
</div></div>
<div class="ku_mr_row_full"><div class="ku_middle_text">
Content Text.
</div></div>
<!--#include virtual="/~http/ssi/footer_ku.shtml" -->
-
Page with title and right column
The KU Web Template documentation home page uses
this layout. Note a key difference between this and the no-right-column
layout: With a right column, the content <div> class
is "ku_middle_rows", for example. Without a right column, the class
"ku_middle_rows_full" is used instead, meaning "full-width".
<!--#include virtual="/~accountname/myssi/myheader.shtml" -->
<h1>Large Typeface Page Title Here</h1>
<div class="ku_hr"></div>
<div id="ku_right_column">
<!--#include virtual="/~accountname/myssi/right_column.shtml" -->
</div>
<div class="ku_middle_rows"><div class="ku_middle_text">
Content Text.
</div></div>
<div class="ku_mr_row"><div class="ku_middle_text">
Content Text.
</div></div>
<!--#include virtual="/~http/ssi/footer_ku.shtml" -->