So Far Away

Designer's Comments

Look carefully for specific instructions

Layout image and coding © v-smash.com
If you use this layout DO NOT remove the credits !

Enjoy :)

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>So Far Away |||V-SMASH.com</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">

body { ;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	color: #e2e2e2;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
}

h1 {
font-family: Verdana;
color: #fff;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url();
background-repeat: no-repeat;
background-color: #094239;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 3px;

}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;

}

#content {
width: 360px;
background-color: #BDBDB3;
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
line-height:16px;
flost: left;
text-align: right;
border-left: 3px #7C4E1D;solid;
padding: 0px 2px 0px 2px;
color: #ffffff;
}
#sidebar {
width: 180px;
background-color: transparent;
font-size:16px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #9d9d9d;
}
#sidebar2 {
width: 180px;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/10/05/36274ab.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #797a7b;
}
#sidebar2 a, #sidebar2 a:link, #sidebar2 a:active, #sidebar2 a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #2B5271;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#sidebar2 a:hover, #sidebar2 a:focus {
color:#0A0C0B;
cursor: default;
background-color: #DDDDDD;
text-decoration: none;
font-style: none;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #020202;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#content a:hover, #content a:focus {
color:#E13E1B;
cursor: default;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffd3e1;
color:#e01555;
}
textarea { border: 1px solid #e4d2a0;
background-color: #D6D6D6;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
}
input { border: 1px solid #ffffff;
background-color: #D6D6D6;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #e6e5e3;
}
b, strong { color: #DD0B26; font-weight: bold; }

}

i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #1A2260;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #6d3f5a;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #CF0A04;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #0F1A3A;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
}
blockquote:before {
font-family: georgia;
color: #000000;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header2 {
width: 1000px;
height: 500px;
float: right;

}
  </style>
</head>
</style>
</head>

</map>

</body>
</html>

</div>
<div id="content" style="position: absolute; z-index: 3; text-align: left; width: 450px; right: 50px; top: 430px">

<h1>Title</h1>

<b>Bold</b> <i>italic</i> <s>strike</s> <u>underline</u>

<blockquote> Bllockquote </blockquote>

<input> input </input/>

</p>
</div>

Layout Comments

Showing latest 2 of 2 comments

this is so pretty

By emmasawr on Jun 20, 2010 6:12 pm

Yea 1st to Comment. I love it! Very simple but sometimes simple is the best. Gonna fav it. If you don't mind me asking but where did you get the images of the girl from, or whose the model?

By SmashParade on Jun 19, 2010 3:30 am

Layout Details

Designer	v-smash
Submitted on	May 3, 2010
Page views	7,141
Favorites	17
Comments	2
Reviewer	Cristy
Approved on	May 11, 2010

So Far Away

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates