If you've followed me this far you should now have all of the pieces in place to paste in your new Index template. Assuming you used the 'Advanced Cranberry' stylesheet, when we're done your blog will look just like mine only with 4 exceptions.
Now that the introductory pleasantries are out of the way, here's the code I'm using for the Index template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title><$MTBlogName$></title>
<link rel="stylesheet" type="text/css"
href="<$MTBlogURL$>case_adv_cran.css" media="all" />
<link rel="stylesheet" type="text/css"
href="<$MTBlogURL$>screen.css" media="screen" />
<link rel="stylesheet" type="text/css"
href="<$MTBlogURL$>print.css" media="print" />
<link rel="alternate" type="application/rss+xml" title="RSS"
href="<$MTBlogURL$>rss20.xml" />
<link rel="alternate" type="application/atom+xml" title="Atom"
href="<$MTBlogURL$>feed.atom" />
</head>
<body>
<div id="pageWrapper">
<table summary="layout" width="100%"
cellpadding="0" border="0" cellspacing="0" align="left">
<$MTInclude module="Page Masthead"$>
<tr>
<td> </td>
<td colspan="2"><!-- Main Content Row -->
<div style="width: 200px; float: left; padding: 4px;
margin-right: 24px; background-color: #E9EAE7;">
<$MTInclude module="Main Menu"$>
</div><!-- End of left column menu -->
<div class="paddedwrapper">
<!-- Stuff for the top right corner -->
<div id="right" style="width: 172px; float: right;
background-color: #E9EAE7; position: relative; top: -15px;
padding: 4px; margin-left: 15px;">
<$MTInclude file="links.html"$>
</div>
<div id="center">
<div class="content">
<h1><$MTBlogName$></h1>
<p><strong><$MTBlogDescription$></strong></p>
<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader>
<h3><$MTEntryDate format="%x"$></h3>
</MTDateHeader>
<h4><$MTEntryTitle$></h4>
<$MTEntryBody$>
<MTEntryIfExtended>
<p class="extended"><a
href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a>
</p>
</MTEntryIfExtended>
<div class="entryLinks">
<MTEntryIfAllowComments>
<a href="<$MTEntryPermalink$>#comments">Comments (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a
href="<$MTEntryPermalink$>#trackbacks">Trackbacks (<$MTEntryTrackbackCount$>)
</MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>">Permalink
</div>
<div class="dashedseparator"></div>
</MTEntries>
</div><!-- #content -->
</div><!-- #center -->
</div><!-- #paddedwrapper -->
<div style="clear: both;"> </div>
<!-- End of unmodified template -->
</td></tr><!-- Main Content Row -->
<$MTInclude module="Page Footer"$>
</table>
</div> <!-- #pageWrapper -->
</body></html>
Reading through this code you'll see that I've pretty much just imposed the Case template structure on the index page. This is the basis for all of the other indices so it's good to get it out of the way first. All of the stylesheet identifiers are covered in the Case branded stylesheet you should have handled earlier.
Notice that I've forced extra width for the left column. The extra width is in order to accomodate the calendar. If you choose to drop the calendar you can fit the left column into the 150px width that is used by other Case pages.
Comments