Engraved Innocence

Designer's Comments

Look carefully for specific instructions

Best Viewed in IE and FF, looks fine on Safari too.

Obviously, no stealing :)

Created by Mizuro at Intertwined Designs

Layout Code

Copy and paste to Template HTML

Help

<title>Engraved Innocence</title>
<style type="text/css">

body{
background:#bababa url('http://cbimg6.com/layouts/09/06/34972aa.jpg') repeat-y;
background-color: #bababa;
}

div, td, p {
font-family: arial, verdana, sans-serif;
font-size: 10px;
letter-spacing: 1px;
color:#6d6d6d;
text-align: left;
}

#background{
background:url('http://cbimg6.com/layouts/09/06/34972ab.jpg');
repeat: none;
position:absolute;
left: 0px; top: -30px; width:700px;height:500px;
z-index:-1;}

#content{
position: absolute;
left: 260;
top: 300px;
width: 375;}

h2{
font: 28px modern;
color: #918d65;
text-align: right;
border-bottom: 1px solid #cac3a6;
margin-bottom: 5px;
}

h3{
font: 13px georgia;
color: #6b9165;
text-align: left;
font-style: italic;
margin-top: 5px;
}

#header{
position: absolute;
left: 60px;
top: 300px;
width: 160;}

.link, a.link:link, a.link:active, a.link:visited{
font: 12px arial;
color: #649263;
background-color: #ffffff;
text-align: left;
display: block;
text-transform:lowercase;
font-weight: none;
font-style: none;
letter-spacing: 3px;
border-right: 6px solid #becaa6;
border-bottom: 1px dotted #becaa6;
}

a.link:hover{
font: 12px arial;
color: #a07156;
background-color: #ffffff;
text-align: right;
display: block;
text-transform:lowercase;
font-weight: none;
font-style: italic;
letter-spacing: 3px;
border-right: 6px solid #ab9e81;
border-bottom: 1px dotted #ab9e81;
}

h1{
font: 25px modern;
text-align: center;
color: #b1b699;
margin-bottom: 5px;
font-weight: bold;
line-height: 25px;}

ul.circle {list-style-type:circle; 
text-indent: 40px;}

a:link, a:active, a:visited{
font: 10px arial;
letter-spacing: 1px;
color: #86a7be;
}

a:hover{
font: 10px arial;
letter-spacing: 1px;
color: #41627a;
font-style: italic;
}

b{
font: 10px arial;
font-weight: bold;
color: #ddd727;
}

i{
font: 10px georgia;
font-style: italic;
color: #6b9165;
}

u{
font: 10px modern;
font-style: underline;
color: #918d65;
}

s{
font: century gothic;
font-style: strikethrough;
color: #80b1b7
}

textarea{
font: 10px arial;
letter-spacing: 2px;
}

blockquote{
font: 10px arial;
letter-spacing: 2px;
background-color: #d3d2b7;
border-bottom: 5px solid #79999c;
}

</style>
</head>

<body>

<h1>header</h1>
<a href="##" class="link">Link</a>
<a href="##" class="link">Link</a>
<a href="##" class="link">Link</a>
<a href="##" class="link">Link</a>
<a href="##" class="link">Link</a>

<h1>credits</h1>
<a href="http://intertwined.reminiscent-designs.net" class="link">Intertwined</a>

</div>

<h2>a petit message</h2>
<h3>you just might want to know</h3>

<p>
Do you like this? Well, I was looking through my old styles back to the xanga days and I was like why not created something simple? I mean simple would be lovely during final exams, beautiful. So I ended up with a childhood photo of Tsubasa and this. The coding was relatively easy although I did add more than usual, I think. Do not remove credits, thanks.
<br><br>
Mizuro @ <a href="http://intertwined.reminiscent-designs.net">Intertwined Designs</a>
<p>

<h2>how to use</h2>
<h3>just a few instructions</h3>

<p>
<li>Download the zip file from Intertwined and unzip it.</li>
<li>Edit index.html according to your likings.</li>
<li>Upload all files into the same directory.</li>
</p>

<p>
HTML knowlodge is required but you can get through this without it, it would just be easier. If you have any questions feel free to contact me. Do not edit or alter anything that you do not know how to fix.
</p>

<h2>header</h2>
<h3>extras that you might love</h3>

<p> 
<b>bold</b><i>italic</i><u>underline</u><s>strikethrough</s><a href="xx">link</a>
<textarea>blank</textarea><br>
<blockquote>onetwothreefouffelfneskanberlknblf and saranghae</blockquote></p>

</div>

Layout Comments

Showing latest 8 of 8 comments

Simplicity at its best.

By impurities on Sep 9, 2012 2:11 pm

I like it! The images looks nice! :D

By CandyPop on Jun 27, 2009 8:00 am

aww. :]

By lostinLDN on Jun 25, 2009 12:09 pm

I dont really like this too much because it looks like you only drop the shadow of the layout base.
Then slopped 3 pictures on and cleaned 'em up.
And finally added text.
But I like the links.

By funride on Jun 25, 2009 9:54 am

it's so... flawless in a way

By x-one2three on Jun 25, 2009 4:07 am

looks nice and clean. I like it. :)

By Mikeplyts on Jun 24, 2009 11:53 pm

xD i can't believe you put up your current site design. now what if someone elses site looks exactly like yours and i'm laughing my ass off...(also up on this tree so you can't shoot me down)

By res8zenith on Jun 24, 2009 11:33 pm

I really like the simplicity to this layout! [=

By AbsentEmotions on Jun 24, 2009 8:01 pm

Layout Details

Designer	Mizuro
Submitted on	Jun 23, 2009
Page views	6,752
Favorites	26
Comments	8
Reviewer	schizo
Approved on	Jun 24, 2009

Engraved Innocence

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates