spreadsterzone header

Menu:

Creating a Left Side Column

by T-Shirt Tommy from NekkidTees.com

 

Here is a basic layout for a 2 column Spreadshirt store which contains a left and main area. The left area could be used for navigation, advertisements and promotions.

The following code goes in your header area. Make sure you replace the URL to your store, meta data such as your title and keywords, and the CSS links before saving. These locations can be found by viewing the current code in the header area of your spreadshirt store.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Your Title Here</title>
<meta name="keywords" content="Add keywords here">
<meta name="description" content="Add description here">
<link rel="shortcut icon" href="shopURL/shopID_favicon.ico" type="image/x-icon">
<link href="shopURL/style.css" type="text/css" rel="stylesheet" media="all">
<meta name='MSSmartTagsPreventParsing' content='TRUE' />
<meta http-equiv="content-language" content="en" />
</head>
<body>
<!-- Start of Template -->
<div align="center">
<!-- div layer above added to center 770px layout -->
<!-- lets get this party started! -->
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" align="left" valign="top" width="770">Your Header Image Can Go Here</td>
</tr>
<tr>
<td align="left" valign="top" width="5"></td>
<td class="nav" align="left" valign="top" width="150">Left Navigation Bar Here</td>
<td align="left" valign="top" bgcolor="white" width="610">
<!-- spreadshirt data is generated here automatically -->

Now that the header is complete use the following code to close the document by copying the following to the footer area. You can add footer information such as links and Copyright information.

Code:

<!-- you guessed it! end of spreadshirt data generation-->
</td>
<td valign="top" width="5"></td>
</tr>
<tr>
<td colspan="4" align="center" valign="top" width="770">Footer Links and Copyright Notice Here if Needed</td>
</tr>
</table>
</div>
</body>
</html>

Now you should have a left navigation bar and the basics to build your site from!