Sea of Sunflowers

Designer's Comments

Look carefully for specific instructions

Please do not alter anything from this design without my written consent.

Also, please do not remove the credits from the sidebar.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sea of Sunflowers (Samurai Champloo)</title>
	
<style>
body {
			background-color: #faece7;
			background-image: url('http://cbimg9.com/layouts/08/04/15/26896aa.png');
			background-repeat:repeat-y;
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			
		}
		
		a:link, a:visited {
			color: #84c52f;
			background: #fff;
			padding: 0 3px 0 3px;
			}
		a:hover, a:active {
			color: #ffc766;
			background: #000;
			padding: 0 3px 0 3px;

}
		div#left {
			font-family: segoe ui, segoe, trebuchet ms;
			font-size: 9pt;
			width: 1024px;
			color: #99c;
			background-image: url('http://cbimg9.com/layouts/08/04/15/26896ab.png');
			background-repeat: no-repeat;
			float: left;
			padding-bottom: 40px;
			}
			
			div#nav {
		
				margin: 515px 0 20px 60px;
				color: #887e6a;
				text-align: left;
				font-family: arial;
				}
				ul#navlist {
					margin-left: 0;
					padding-left: 0;
					white-space: nowrap;
					}
					
					#navlist li {
					text-transform: uppercase;
					font-size: 9.5px;
					display: inline;
					height:21px;
					list-style-type: none;
					letter-spacing: .5px;
					}
					
					#navlist a { 
					padding: 3px 10px; 
					}
					
					#navlist a:link, #navlist a:visited {
					color: #676a4c;
					background: transparent;
					text-decoration: none;
					}
					
					#navlist a:hover {
					color: #84c52f;
					background: #000;
					}
				
   			div#content {						
				font-family: segoe ui, segoe, trebuchet ms;
				padding: 0 0 0 0;
				margin: 10px;
				line-height:17px;
				text-align: justify;
				color: #948b74;
				width: 470px;
				float: left;
				
				}
				.entryFooter {

background-color: #ebe2c5;
color: #676a4c;
border-top: 1px dashed #fff;
padding-top: 3px;}
					.entryFooter a:link,
					.entryFooter a:visited,
					.entryFooter a:active,
					.entryFooter a:hover {background: transparent; padding: 0; }

#content p {						
					font-family: segoe ui, segoe, trebuchet ms;
					text-align: justify;
					color: #948b74;
					}
					
			
				div#content h2 {
					color: #d95f05;
					font-family: helvetica, arial;
					font-size: 22pt;
					text-transform: lowercase;
					margin: 20px 0 20px 0;
					font-weight: bold;
					}
				div#content blockquote {
					border-left: 3px solid #948b74;
					padding-left: 15px;
					margin: 20px 0 20px 40px;
					}
				
		div#right {						
			font-family: segoe ui, segoe, trebuchet ms;
			font-size: 9pt;
			float: left;
			width: 238px;
			line-height:17px;
			text-align: justify;
			color: #948b74;
			margin-left: 20px;
			}
			
				div#right p {						
					font-family: segoe ui, segoe, trebuchet ms;
					text-align: justify;
					color: #948b74;
					}
					
				div#right h2 {
					color: #40808f;
					font-family: helvetica, arial;
					font-size: 20pt;
					text-transform: lowercase;
					margin: 20px 0 20px 0;
					font-weight: bold;
					text-align: right;
					}
.clear {clear: both;}

div.archive {

background-color: #ebe2c5; 
padding: 5px 0 5px 0;}

div.archive a:link,
					div.archive a:visited,
					div.archive a:active,
					div.archive a:hover {background: transparent; padding: 0; }
ul.archive-list {padding: 0;}
ul.archive-list li {list-style: none; padding-left: 10px;}
</style>
</head>

<body>
    <div id="left">
    	<div id="nav">
            <ul id="navlist">
                <li><a href="index.html">home</a></li>
                <li><a href="#">about me</a></li>
                <li><a href="#">resources</a></li>
                <li><a href="#">gallery</a></li>
                <li><a href="#">links</a></li>
                <li><a href="#">2amfix.net</a></li>
            </ul>
        </div>
        
        <div id="content">
        	<h2>· Lorem Ipsum Dolor </h2>
            <p>Lorem ipsum <a href="#">dolor sit amet</a>, consectetuer adipiscing elit. Ut metus felis, tempus hendrerit, suscipit nec, ultricies in, ante. Aliquam accumsan pulvinar odio. Curabitur gravida enim nec nisl. Mauris in mi in dolor scelerisque luctus. Nulla ut justo sit amet purus cursus congue. Morbi porta. <a href="#">Donec pulvinar</a> varius ante. Quisque non est. Quisque sodales quam eu nisl. Nulla vel mi quis quam bibendum aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi sodales, velit sit amet hendrerit posuere, leo purus lacinia purus, vitae rutrum sapien velit sed est.            </p>
            <blockquote>Sed luctus est ac dolor. Donec gravida urna vitae velit. Aliquam erat volutpat. Nullam arcu. Suspendisse eget pede. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis sed nibh. </blockquote>
            <p>Quisque ut risus vel nisi lobortis consequat. Phasellus id felis. Morbi accumsan. Duis eget metus. Quisque porta elit mollis nunc. In hac habitasse platea dictumst. Ut est. Nunc molestie, nibh vitae laoreet elementum, quam arcu elementum est, ac venenatis nibh justo id lectus. Maecenas erat lectus, malesuada ac, congue vel, rhoncus sit amet, magna. Mauris leo velit, pharetra quis, accumsan a, viverra et, libero. Duis metus. </p>
            <h2>· Lorem Ipsum Dolor </h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut metus felis, tempus hendrerit, suscipit nec, ultricies in, ante. Aliquam accumsan pulvinar odio. Curabitur gravida enim nec nisl. Mauris in mi in dolor scelerisque luctus. Nulla ut justo sit amet purus cursus congue. Morbi porta. Donec pulvinar varius ante. Quisque non est. Quisque sodales quam eu nisl. Nulla vel mi quis quam bibendum aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi sodales, velit sit amet hendrerit posuere, leo purus lacinia purus, vitae rutrum sapien velit sed est. </p>
            <p>Sed luctus est ac dolor. Donec gravida urna vitae velit. Aliquam erat volutpat. Nullam arcu. Suspendisse eget pede. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis sed nibh. Quisque ut risus vel nisi lobortis consequat. Phasellus id felis. Morbi accumsan. Duis eget metus. Quisque porta elit mollis nunc. In hac habitasse platea dictumst. Ut est. Nunc molestie, nibh vitae laoreet elementum, quam arcu elementum est, ac venenatis nibh justo id lectus. Maecenas erat lectus, malesuada ac, congue vel, rhoncus sit amet, magna. Mauris leo velit, pharetra quis, accumsan a, viverra et, libero. Duis metus. </p>
            <p> </p>
      </div>
            
<div id="right">
  <h2> the basics · </h2>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut metus felis, tempus hendrerit, suscipit nec, ultricies in, ante. Aliquam accumsan pulvinar odio. Curabitur gravida enim nec nisl. Mauris in mi in dolor scelerisque luctus. Nulla ut justo sit amet purus cursus congue. Morbi porta.<br>
  </p>
  <h2> lorem ipsum · </h2>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut metus felis, tempus hendrerit, suscipit nec, ultricies in, ante. Aliquam accumsan pulvinar odio. Curabitur gravida enim nec nisl. Mauris in mi in dolor scelerisque luctus. Nulla ut justo sit amet purus cursus congue. Morbi porta.<br>
  </p>
  <h2> lorem ipsum · </h2>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut metus felis, tempus hendrerit, suscipit nec, ultricies in, ante. Aliquam accumsan pulvinar odio. Curabitur gravida enim nec nisl. Mauris in mi in dolor scelerisque luctus. Nulla ut justo sit amet purus cursus congue. Morbi porta.<br>
  </p>
  <h2> links · </h2>
  <div align="right">
      <a href="http://www.createblog.com" target="blank">www.createblog.com</a>
      <br>
      <a href="http://www.2amfix.net" target="blank">www.2amfix.net</a>
      <br>
       <a href="http://myspace.com/2nekked" target="blank">www.myspace.com/2nekked</a>    <br>
  </div>
  <h2> credits · </h2>
<div align="right">Layout seaigned by <a href="http://2amfix.net" target="blank">Trish</a>.<br>
  Distributed by <a href="http://createblog.com" target="blank">createBlog.com</a>.</div>
</div>

</div>

</body>
</html>

Layout Comments

Showing latest 5 of 5 comments

I really don't like the yellow. It bugs me a lot.

By carolannexbh on Apr 17, 2008 10:36 pm

Lovely banner! The black bg in the nav hover looks a bit out of place though. :P

By dreamgurl36 on Apr 17, 2008 4:28 pm

wow really nice blanner & layout ^^

By ZeBiii on Apr 16, 2008 12:24 pm

Pretty. I like the "sea of sunflowers" part.

By tokyo-rose on Apr 16, 2008 2:17 am

Love This Show.
The layout is quite nice as well, especially the blends.

By Amaranthus on Apr 16, 2008 1:50 am

Layout Details

Designer	pandora
Submitted on	Apr 16, 2008
Page views	5,383
Favorites	19
Comments	5
Reviewer	Dominatrix
Approved on	Apr 16, 2008

Sea of Sunflowers

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates