Vintage :: Missing You

Designer's Comments

Look carefully for specific instructions

DO NOT REMOVE THE CREDIT. You can edit the navigation/content/etc as you want. :)

Oh, pls check out my little website. :)

---------------------
Credits
Images from foto decadent.

Layout Code

Copy and paste to Template HTML

Help

<title>Vintage Beauty :: Missing You</title>

b {font-weight: bold; color: #ec779f; font-family: "palatino linotype"; font-size:10.5pt;letter-spacing:-0.5px}
i {font-style: italic; color: #b187c4; font-weight: bold;}
u {text-decoration: underline; color: #d18071; border-bottom: 2px dotted #ffb1d1;}

#navigation A, #navigation A:link, #navigation A:visited {font-size:8pt; font-style:georgia; color:faf5df; background-color:#e28c78; text-transform: capitalize; line-height:15px; border-left: 8px solid #faeea7; display: block; text-decoration: none; padding: 0px 0px 0px 12px; border-bottom: 1px #efad98 dotted; font-weight:normal}
#navigation A:hover {font-size:8.5pt; font-style:georgia; font-weight: bold; color:white; background-color:#a9d785; line-height:15px; text-transform:capitalize; letter-spacing:0px; border-left: 8px solid #e28c78; display: block; text-decoration: none; padding: 0px 0px 0px 12px; border-bottom: 1px #efad98 dotted;}

body {
	background: url(http://cbimg6.com/layouts/09/03/33900aa.jpg) fixed;
	text-align: center;
   	min-width: 681px;
}

div.wrapper {
  	 text-align: left;
  	 margin-left: auto;
  	 margin-right: auto;
}
#container {
	background: url(http://cbimg6.com/layouts/09/03/33900ab.png) repeat-y; 
	width: 681px; 
	margin: -8px auto;
}

#header1 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/09/03/33900ac.jpg) no-repeat;}
#header2 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/09/03/33900ad.jpg) no-repeat;}
#header3 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/09/03/33900ae.jpg) no-repeat;}
#header4 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/09/03/33900af.jpg) no-repeat;}
#header5 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/09/03/33900ag.jpg) no-repeat;}
#header6 {width: 681px; height: 100px; background: url(http://cbimg6.com/layouts/09/03/33900ah.jpg) no-repeat;}

#footer {
	clear: both;
	height: 66px;
	background: url(http://cbimg6.com/layouts/09/03/33900ai.jpg) no-repeat;
}
#content {
	width: 390px;
	float: left;
	margin-top: -75px;
	margin-left: 10px;
	text-align: justify;
}
#navigation {
	width: 115px;
	float: left;
	text-align: center;
	margin-top: -55px;
	margin-left: 53px;
}

#zone1 {    
float: left;
width : 150px;
height: 40px;
margin-left: 150px;
margin-top: 0px;
text-decoration: none;
border: none;
cursor: help;
}
body {color:#837774;line-height: 17px;}

h1 { display: block; margin-left: auto; margin-right: auto; ont-weight: bold; font-family: georgia; font-size: 12.5pt; text-transform:uppercase; text-align: center; word-spacing: 2px; color: #e18484; height: 18px; margin-bottom: -5px; _margin-bottom: -15px; border-bottom: 2px dotted #efd4ce;}
.head0 {COLOR:#af5b87;background-color:#faeea7;line-height:15px;text-transform: uppercase;font-family:georgia;FONT-SIZE:8pt;letter-spacing:1; text-align:right; text-decoration:none;border:1px solid #efad98; border-bottom: 1px dotted #efc6b9; border-left: 1px dotted #efc6b9; display: block;}

</style></head>
<body>
<div id="container">
<div id="header1"><a id="zone1" href="http://dreamgurl36.createblog.com" title="Designed By: dreamgurl36"></a></div><div id="header2"></div><div id="header3"></div><div id="header4"></div><div id="header5"></div><div id="header6"></div>
<div class="wrapper">

<div class="head0">Navigation</div>
<a href="#">Home</a>
<a href="#">Visitor Content</a>
<a href="#">Downloads</a>
<a href="#">Webmistress</a>
<a href="#">About The Site</a>
<a href="#">FAQ</a>
<a href="#">Contact Me</a>

<br>
<div class="head0">Affiliates</div>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>

<br>
<div class="head0">More Links?</div>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>
<a href="#">Link Here</a>

<br>
<div class="head0">Credits</div>
<a href="http://dreamgurl36.createblog.com">dreamgurl36</a>

</div>

<h1>About This Layout</h1>

<p>This is where your main content will go~! Fill up as much or as little as you want! XD It's all up to you! Please do NOT change the images/layout in any way. And it goes without saying.... <b>do not remove the credit</b>. I mean... I've taken the ultra long time to code this, so the least you can do is leave the credit there. But of course.... you may edit the navigation, contents, and such to suit your website needs. ^^

<p>I think you'd need some basic knowledge of html and css to be able to fully make use of this layout. But it's nothing too complicated. There are plenty of tutorials on the web, and even some on <a href="http://www.createblog.com" target="_blank">CreateBlog</a> too. This layout was tested in both <i>Internet Explorer</i> and <i>Firefox</i>. In Firefox, the font of the text will be slightly different. Other than that, it works perfectly fine, compatible in both browsers. ^^ Oh, and it works in <u>all resolutions</u> too. :) Hope you enjoy it!</p>

<h1>Header Title Goes Here</h1>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

</div>