Come Back... Come Back To Me (Atonement)

Designer's Comments

Look carefully for specific instructions

Stills from the movie: Atonement.

Layout Code

Copy and paste to Template HTML

<!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>Come Back... Come Back To Me</title>
<style type="text/css">
<!--

body {
	background-color: #000000;
	background-image: url(http://cbimg6.com/layouts/08/01/12/24577aa.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
	
		a:link, a:visited {
			color: #e3e0ca;
			}
		a:hover, a:active {
			color: #93c848;
			}
		div#left {
			font-family: segoe ui, segoe, trebuchet ms;
			font-size: 9pt;
			width: 570px;
			color: #e3e0ca;
			float: left;
			}
			
			div#nav {
				margin-top: 492px;
				color: #e3e0ca;
				text-align: right;
				}
				ul#navlist {
					margin-left: 0;
					padding-left: 0;
					white-space: nowrap;
					}
					
					#navlist li {
					text-transform: uppercase;
					font-size: 8pt;
					display: inline;
					height:21px;
					list-style-type: none;
					letter-spacing: .5px;
					}
					
					#navlist a { 
					padding: 3px 5px; 
					}
					
					#navlist a:link, #navlist a:visited {
					color: #fff;
					background: transparent;
					text-decoration: none;
					}
					
					#navlist a:hover {
					color: #93c848;
					background: transparent;
					}
				
   			div#content {						
				font-family: segoe ui, segoe, trebuchet ms;
				padding: 30px 0 0 20px;
				line-height:17px;
				text-align: justify;
				color: #e9e0c3;
				}
				
				#content p {						
					font-family: segoe ui, segoe, trebuchet ms;
					text-align: justify;
					color: #e9e0c3;
					}
					
			
				div#content h2 {
					color: #c49f0d;
					font-family: garamond, times new roman, georgia;
					font-size: 24pt;
					font-style: italic;
					margin: 20px 0 20px 0;
					letter-spacing: 1px;
					font-weight: normal;
					}
				div#content blockquote {
					border-left: 3px solid #e3e0ca;
					padding-left: 15px;
					color: #b6893b;
					margin: 20px 0 20px 40px;
					}
				
		div#right {						
			font-family: segoe ui, segoe, trebuchet ms;
			font-size: 9pt;
			float: left;
			width: 240px;
			line-height:17px;
			text-align: justify;
			color: #e9e0c3;
			margin-top: 335px;
			margin-left: 40px;
			}
			
				div#right p {						
					font-family: segoe ui, segoe, trebuchet ms;
					text-align: justify;
					color: #e9e0c3;
					}
					
				div#right h2 {
					color: #c49f0d;
					font-family: garamond, times new roman, georgia;
					font-size: 22pt;
					font-style: italic;
					margin: 30px 0 20px 0;
					letter-spacing: 1px;
					font-weight: normal;
					text-align: right;
					}
  
-->
</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="http://createblog.com">createBlog.com</a></li>
                <li><a href="http://2amfix.net">2amfix.net</a></li>
            </ul>
        </div>
        
        <div id="content">
        	<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>
            <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>
    
<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 designed by <a href="http://2amfix.net" target="blank">Trish</a>.</div>
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 11 comments

just gorgeous, brilliant work with the blending(is that the word?) of the images and highlighting the green ^_~

By missDanish on Mar 9, 2008 10:51 am

this is a website layout, not a myspace layout.

By pandora on Jan 20, 2008 3:47 pm

This page is amazing...i'd really like to use it for my myspace page, but i can't seem to get it to work...i swear I'm not stupid--i'm just really new at this stuff..can you help me?

By Taunya79 on Jan 20, 2008 2:27 pm

I love this. A lot.
A lot, a lot.
I can't stand it. I want to pull it out through the computer screen and take it every where with me ^_^
I wanted to see the movie, but since it got rated R, I simply read the book. Ha. And it was stunning. Your work is simply beautiful.
I'm using this on my personal myspace.

By miamourx3 on Jan 18, 2008 12:46 am

I really want to watch this movie!!! Great layout ;)

By shiruji on Jan 17, 2008 9:58 am

Love the use of fonts for the body and header text.

Simple and elegant. Great job :D

By fainaru on Jan 13, 2008 12:11 am

amazing.
& i love keira!

By futura on Jan 13, 2008 12:04 am

Looks great Trish!

By YourSuperior on Jan 12, 2008 3:56 pm

I love this

By 1angel3 on Jan 12, 2008 11:48 am

Great colors.

By tokyo-rose on Jan 12, 2008 11:32 am

View all »

Layout Details

Designer	pandora
Submitted on	Jan 12, 2008
Page views	6,895
Favorites	25
Comments	11
Reviewer	S-Majere
Approved on	Jan 12, 2008

Come Back... Come Back To Me (Atonement)

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates