CSS Code for left navigation in spreadshirt.

I have found a bit of css code that works for a 2 columnt left navigation on spreadshirt.  It still needs some work to perfect it, but it will do for the time being.  For those of you that are interested, you can try it out

Here it is:

Put this code within the header

<style type=”text/css”>

#frame {
  width:350px;
  position:fixed;
  left:5px;
  margin-top:10px;
  text-align:left;
}

#leftcontent {
  float: right;
  width: 140px;
  background: transparent;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin: 1px;
}

#rightcontent {
  float: right;
  width: 140px;
  background: #ffccff;
  border: 1px dashed #CCCCCC;
  padding: 10px;
  margin: 1px;
}

#rightcontent a {
  line-height:2;
  font-size:12px;

}

#leftcontent a {
  font-size:12px;
  line-height:2;
}

Put this in the body tag:

 <div id=”frame”>

<div id=”leftcontent”>
<h1>Your Header for the first column</h1>
<a href=”yourshopname/category/13462″>Your Link name</a><br>
<a href=”http://your shop name.spreadshirt.com/us/US/Shop/index/index/category/9232″>Your Link Name</a><br>
<a href=”http://Your shop Name.spreadshirt.com/us/US/Shop/index/index/category/13463″>YourLinkName</a><br>
</div>

<div id=”rightcontent”>
<h1>Girl T-Shirts</h1>

<a href=”http://your shop name.spreadshirt.com/us/US/Shop/index/index/category/9232″>Your Link Name</a><br>
<a href=”http://your shop name.spreadshirt.com/us/US/Shop/index/index/category/9232″>Your Link Name</a><br>
</div>

</div>

This is an example of linking to different categories, just plug in your shop name and change your category name.  You can add links by repeateing the a href code and adding a <br> break code in between each one.

 Comments and questions are welcome.  This is just to get things started, it still needs some tweaking