Escape

Designer's Comments

Look carefully for specific instructions

I'm not particularly fond of this layout but I love the colors.

*you must have a decent amount of html knowledge so you won't mess up the layout coding by deleting something by accident or...whatever. :)

1] change where it says "text.html" and "test link" to your desired link and text.

2] Locate "PUT YOUR TEXT HERE..." and add your desired text.

Layout Code

Copy and paste to Template HTML

Help

<HTML>

<html>

<html>
<head>
<style type="text/css">
{
}BODY {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
td, p, body, input {color:#ffffff ;
font-family: arial;
font-size: 10px;
letter-spacing:0px;
background:none
border: 3px;
}
body
{ background-color:#fffff;}

b {color: # 174b87 ;}
i {color: #174b87  ;}
u {color: #174b87   ;
border-bottom: double 2px #000000  ;}

a.kinky,a.kinky:active,a.kinky:active,a.kinky:link{display:block;padding:1px;text-align:left;background-color:ffffff;border-bottom:1px solid;border-color:174b87;}
a.kinky:hover{display:block;padding:1px;text-align:left;background-color:#ffffff;border-right:4px solid;border-color:174b87;color: #174b87;text-transform:uppercase;}

.text {
border: none;
color:#000000;
background:#ffffff;
text-align: justify;
padding: 2px;}

.head { color:#000000;
line-height: 14px;
text-align:right;
font-size:12px;
font-family:courier new;
font-variant: none;
background-color: #174b87;
background-image:url();
border-bottom: double 2px#ffffff}

A:link, A:active, A:visited {color: #000000;
font-weight: none;
text-decoration: none;
background-color:#ffffff;
cursor:crosshair;}

A:hover {color: #000000;
font-weight: none;
cursor: crosshair;
text-transform:uppercase;
letter-spacing: 0px;}

</STYLE>

</head>

<div class="head">Linkage.
</div><br>
<div class="text">
<div style="text-align: left;">
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="TEXT.HTML" class="kinky">Test link</a>
<a href="http://www.cuddly-teddies.my-reality.net" class="kinky">Credit</a>
</div> 
</div>
<p>
<div class="head">Welcome
</div><br>
<div class="text">

<div style="text-align: center;">
<div class="header" align="right"><i>12.01.07</i><br>12:11PM</div>
<a href="text.html">this is how a link looks outside the nave bar.</a> PUT YOUR TEXT HERE...
</div>
</div></div>

</div>
</html>
</html>
</BODY>

</HTML>

Layout Comments

Showing latest 3 of 3 comments

very creative[:

By nikx618 on Jul 28, 2008 3:23 pm

I like the simplicity. You don't see many one-column layouts. Nice :D

By umbreon on Dec 18, 2007 9:35 am

Very unusual, nice to see something that breaks convention!

By S-Majere on Dec 11, 2007 2:14 pm

Layout Details

Designer	Christy
Submitted on	Dec 9, 2007
Page views	9,901
Favorites	40
Comments	3
Reviewer	S-Majere
Approved on	Dec 10, 2007

Escape

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates