V i n t a g e - Beautiful Girl

Designer's Comments

Look carefully for specific instructions

Look carefully for specific instructions.

Do not remove credits.

Works in ie and ff but is best viewed in firefox.

Credits:

Brushes-
www.swimchick.net

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>: : V i n t a g e : : Beautiful Girl</title>
<link href="style.css" rel="stylesheet" type="text/css"> 
</head>

body { 
background: url(http://cbimg6.com/layouts/09/03/34134ab.png) repeat; 
text-align: left; padding: 0; margin: 0;  font-family: "verdana", sans-serif;  font-size: 12px;  color: #ffffff; cursor: crosshair;}

p { background: #000000; color: #8B2829; margin: 0 10px 10px 0px; padding: 5px;}

/* LAYOUT */
#container { width: 650px; height: 100%;margin: 0;}

#back {  float: left;  width: 650px; background: url(http://cbimg6.com/layouts/09/03/34134ac.png) repeat-y; }

#top { background: url(http://cbimg6.com/layouts/09/03/34134aa.png) no-repeat; width: 650px; height: 460px;}

#main { float: left;  background: none; width: 417px; color: #462914;}

.content {  background: #000000; color: #8B2829; margin: 0 10px 10px 0px; padding: 5px;}

#footer { clear: both; width: 650px; height: 80px; background: url(http://cbimg6.com/layouts/09/03/34134ad.png) no-repeat;  margin: 0;}

/* NAVIGATION */
#mainnav { float: right;  width: 233px; text-align: center;}

#mainnav a:link, #mainnav a:active, #mainnav a:visited {
border-left: 3px solid #8B2829;
display: block;
text-align: left;
text-transform: uppercase;
background: #000000;
color: #8B2829;
text-decoration: none;
margin-right: 20;
margin-left: 10;
margin-bottom: 0;
}

#mainnav a:hover {
border-left: 3px solid #000000;
display: block;
text-align: right;
text-transform: lowercase;
background: #8B2829;
color: #000000;
text-decoration: none;
margin-right: 20;
margin-left: 10;
margin-bottom: 0;}

.mainnav2 { float: right;  width: 233px; text-align: center;}

.mainnav2 p { background: #000000; color: #8B2829; margin: 0 20px 0px 10px; padding: 5px;}

.mainnav2 a:link, #mainnav2 a:active, #mainnav2 a:visited { text-transform: lowercase; color: #653228; text-decoration: none;}

.mainnav 2 a:hover { text-transform: uppercase; color: #ffffff; text-decoration: none;}

/* HEADERS */
h1 {
background: url(http://cbimg6.com/layouts/09/03/34134ae.png);
font-family: "century gothic", verdana, sans-serif;
font-size: 20px;
color: #ffffff;
margin-bottom: 0;
margin-right: 10;}

h2 {
background: url(http://cbimg6.com/layouts/09/03/34134af.png);
margin-right: 20;
margin-left: 10;
font-family: "century gothic", verdana, sans-serif;
color: #ffffff;
font-size: 16px;
margin-bottom: 0;}

/* EMPHASIS */
b { font-size: 12px; color: #653228;}

i { font-size: 10px; color: #ffffff;}

u { color: #2F0E07; border-bottom: dotted 1px #2F0E07;}

/* LINKS */
a:link, a:active, a:visited { text-transform: lowercase; color: #653228; text-decoration: none;}

a:hover { text-transform: uppercase; color: #ffffff; text-decoration: none;}
</style>

<body>

<div id="main">
<h1>Welcome</h1>
<p>This is my first layout ever made for public use. I'm just a beginner, so overtime
my skills will improve. Layout made 100% by me in photoshop. This layout features 
Hanna Beth Merjos. Brushes from <a href="http://swimchick.net">Swimchick</a>. I 
can't quite remember where I got the photos from. But please don't remove the 
credit. Enjoy!</p>

<h1>Whatever...</h1> 
<div class="content">
Whatever whatever whatever whatever whatever whatever whatever whatever
whatever whatever whatever whatever whatever whatever whatever whatever
whatever whatever whatever whatever whatever whatever whatever whatever<br>
Please do <u>NOT</u> remove <b>CREDIT</b>!
</div>
<h1>Style</h1>
<div class="content">
<b>bold</b> <i>italics</i> <u>underline</u> <a href="#">link</a>
</div>
</div>

<div class="mainnav2">
<h2>Welcome</h2>
<p>Welcome welcome welcome welcome welcome welcome welcome welcome welcome</p>
</div>

<div id="mainnav">
<h2>Navigation</h2>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>

<div class="mainnav2">
<h2>About</h2>
<p>About about about about about about about about about about about about</p>
</div>

<div class="mainnav2">
<h2>Credit</h2>
<p>Layout by <a href="http://fairybliss.createblog.com">Artistof09</a><br>
Brushes from <a href="http://swimchick.net">Swimchick</a></p>
</div>

</body>
</html>