Get The Code

Title: This Other Eden

(click on the image above for a preview)

Saves these files and upload them to your own host as we may delete them anytime.

Original Version (green)

edenorignal1.gif (Main Image)
eden2.gif (background)
othereden3.gif (Active Link)
othereden4.gif (Inactive Link)

Pink Version

edenpink.gif (Active Link)
edenpink1.gif (Main Image)
edenpink4.gif (Background)
othereden4.gif (Inactive Link)

Orange Version

edenorange1.gif (Background)
edenorange3.gif (Active Link)
othereden4.gif (Inactive Link)
edenorange4.gif (Main Image)

Blue Version

edenblue1.gif (Main Image)
edenblue2.gif (Background)
edenblue3.gif (Active Link)
othereden4.gif (Inactive Link)

<html>
<head>

<title>This Other Eden</title>

<style type="text/css">
body { 
  background-image: url(http://img.photobucket.com/albums/v504/thebeat-goeson/eden2.gif);
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
  background-position: top left;
  font-family: arial;
  font-size: 0.7em;
  color: #A5C733; 
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000; 
  scrollbar-shadow-color: #000000; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-arrow-color: #A5C733;
  scrollbar-track-color: #A5C733; 
  scrollbar-darkshadow-color: #000000; 
  } 
#image { 
  position: relative; 
  top: 0px;
  left: 0px; 
  width: 800px; 
  height: 600px; 
  background-image: url('http://img.photobucket.com/albums/v504/thebeat-goeson/edenoriginal1.gif'); 
  background-repeat: no-repeat;
  }
#posts { 
  position: absolute;
  top: 275px;
  left: 95px;
  width: 365px;
  padding: 3px;
  }
#nav { 
  position: absolute;
  top: 400px;
  left: 500px;
  padding: 10px;
  width: 150px;
  text-align: right;
  } 
#nav ul { 
  margin: 3px 0px 0px 0px; 
  padding: 0px;
  list-style-type: none;
  }
#nav ul li {
  margin: 3px;
  }
#nav p { 
  margin: 3px 0px 0px 0px;
  }
#nav ul a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em;
  padding-right: 20px; 
  background-image: url(http://img.photobucket.com/albums/v504/thebeat-goeson/othereden4.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  text-decoration: none;
  }
#nav ul a:hover { 
  color: #A5C733; 
  background-image: url(http://img.photobucket.com/albums/v504/thebeat-goeson/othereden3.gif); 
  background-repeat: no-repeat;
  background-position: right top;
  }
a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em; 
  text-decoration: none;
  }
a:hover { 
  color: #FFFFFF;
  }
strong, em, i, b { 
  color: #FFFFFF;
  }
u { 
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid #A5C733;
  }
blockquote { 
  color: #000000; 
  background-color: #A5C733; 
  border: 1px solid #000000;
  padding: 3px;
  }
h1 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20pt;
  line-height: 20px;
  text-align: left;
  letter-spacing: -2pt;
  }
h2 {
  color: #A5C733;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  text-align: left;
  letter-spacing: -2pt;
  margin-top: -20px;
  }
h3 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  letter-spacing: -2pt;
  }
  </style>
  </head>

<html>

<div id="image"></div>

<div id="posts">

<Blogger>
<h1><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></h1>
<h2><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h2>
<$BlogItemBody$>
<h3>Posted by <$BlogItemAuthor$> at <BlogItemDateTime><$BlogItemDateTime$></BlogItemDateTime></h3>
</Blogger>

</div>

<div id="nav">

<h3>Navigations</h3>
<ul>
<li><a href="http://#">Links here</a></li>
<li><a href="http://#">Links here</a></li>
<li><a href="http://#">Links here</a></li>
<li><a href="http://#">Links here</a></li>
<li><a href="http://#">Links here</a></li>
</ul>

<h3>Archives</h3>
<ul>
<BloggerArchives>
<li><a class="menu" href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>

<h3>Credits</h3>
<ul>
<li><a href="http://www.drogue-designs.vze.com">Drogue Designs</a></li>
<li><a href="http://portfelia.com">Portfelia</a></li>
<li><a href="http://brushworx.artflower.de/">Brushworx</a></li>
<li><a href="http://www.blogger.com">Blogger</a></li>
<li><a href="http://www.blogskins.com">Blogskins</a></li>
<li><a href="http://www.pootato.org">Pootato</a></li>
</ul>

</div>

</html>

Made by Big Fish