Obsession

Designer's Comments

Look carefully for specific instructions

This layout was designed and coded by DH Dezigns.

It is technically the 2nd template I've create, just modified a bit. I used it for awhile on my site and wanted to make it available to others.

I know it isn't the greatest, but give me a break lol. More, better layouts are coming soon ^-^

Hope ya'll like it.

[edit:in the code, if the dots in between obsession turn up as an a then dot replate the dot in the code with & #183; delete the space between & #..]

Layout Code

Copy and paste to Template HTML

Help

<html>
<title>|| Obsession ||</title>
<head><style type="text/css">body {font-family:arial; font-size:9px; color:#000; text-align:justify; font-weight:normal;}
B {color:#96fbfd; font-weight:heavy;}
I {font-family:arial narrow; color:#96fbfd; font-weight:light;}
U {color:#96fbfd; border-bottom:2px solid #999; text-decoration:underline;}
a:link, a:active, a:visited {background:transparent; font-family:arial; font-size:12px; color:#010101; text-decoration:none;}
a:hover {background-color:#303030; color: #96fbfd; border-bottom:1px solid #aaa; letter-spacing:1px;}
a.content:link, a.content:active, a.content:visited {background:transparent; font-family:arial; font-size:11px; color:#010101; text-decoration:none; border:none;}
a.content:hover {background-color:#96fbfd; color: #000; letter-spacing:0px; border-bottom:1px solid #999;}
a:link img, a:visited img, a:active img {text-decoration: none; border:0px}
a:hover img{text-decoration: none;}
h1{background-color:#222; font-family: arial narrow; text-transform:uppercase; font-size:15px; color:#f0f0f0; text-align:left; font-weight:bold; line-height:75%; letter-spacing:0px; margin-bottom:5px; padding:-1px; border:1px solid #000; margin-top:0px; width:355px;}
h2{background-color:#222222; font-family: arial narrow; text-transform:uppercase;font-size:15px; color:#e0e0e0; border:1px solid #000; text-align:right; line-height:75%; font-weight:bold; padding:-1px; letter-spacing:0px; margin-bottom:5px; margin-top:0px;}
h3{background-color:transparent; width:355px; font-family: arial narrow; text-transform:uppercase; font-size:11px; color:#404040; border:0px; text-align:left; font-weight:lighter; line-height:75%; padding:-1px; letter-spacing:0px; margin-bottom:2px;}
.time{padding-left:235px;}</style>
</head>

<body><div style="position:absolute; top:0px; left:0px;"><img src="http://cbimg6.com/layouts/08/08/30979aa.jpg" /></div>
<div style="position:absolute; top:251px; left:669px; height:727px; width:355px; border:1px solid #111111; background-color:#f0f0f0; margin-top:0px; padding:1px;">
<h1>Content</h1>
<h3>August 29, 2008<span class="time">11:29 pm</span></h3><br />
I've been working on myspace layouts and such for quite some time. I think it's time to start with websites now. Yes, this was the second template I used for my site, but I decided to chage the title and share. I know it isn't the greatest, but considering it's the second template I've done I think I deserve a little slack ^-^ Enjoy. -DH<br /><br />
<h1>Header</h1> Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. <br /><br />
<h1>Header</h1>Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. Text here. Write what you wish. <br />
<b>bold</b> <u>underlined</u> <i>italic</i> <a class="content" href="URL HERE">Link for this section</a>
</div>
<div style="position:absolute; top:251px; left:1037px; height:727px; width:156px; border:1px solid #111111; background-color:#f0f0f0; margin-top:0px; padding:1px;">
<h2>ob&#183;ses&#183;sion</h2>
the domination of one's thoughts or feelings by a persistent idea, image, desire, etc.
<h2>facts</h2>
Opened: Date<br />
Creator: Name <br />
Layout: Version #<br />
Contact: email@whatever.com<br />
<h2>Navigation</h2><center>
<a href="URL HERE">Link 1</a><br />
<a href="URL HERE">Link 2</a><br />
<a href="URL HERE">Link 3</a><br />
<a href="URL HERE">Link 4</a><br />
<a href="URL HERE">Link 5</a><br /><br />
<h2>Credit</h2>This layout was design and coded by<br />
<a href="http://www.dhdezigns.com"><img src="http://cbimg6.com/layouts/08/08/30979ab.gif" alt="dh dezigns"/></a>
</center></div>
</body>
</html>