Abstract Light

Designer's Comments

Look carefully for specific instructions

This is my first website template. It's nothing fancy, but I like it.

You may alter any of the content, color or,links. Just don't remove the credit and images. Enjoy :)

Tested in Firefox and Internet Explore in 800x600.

Layout Code

Copy and paste to Template HTML

Help

<html>
<head><title>Your Title Here </title>
</head>

#Layer1 {
position: absolute; top: -30px; left: 0px;}

#panel {position: absolute; top: 300px; left: 360px; width:600px;}
#links {position: absolute; top: 300px; left: 90px; width: 227px; text-align: center;}

#LINKS A:link, #panel2 A:visited, #panel2 A:active {
color:#000000; 
font-size: 12px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height:10px;
text-decoration: none;
font-weight: none;
background: #FFFFFF;
BORDER-right: #fff 7px solid;
BORDER-left: #fff 7px solid;
display: block;}

#LINKS  a:hover
{ color:#ffffff; 
font-size: 12px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height: 10px;
font-style: none;
text-decoration: none;
font-weight: none;
background: #000000;
BORDER-right: #b7b7b7 7px solid;
BORDER-left: #b7b7b7 7px solid;
display: block;}

#PANEL A:link, #panel A:visited, #panel A:active {
color:#f6f2e9; 
font-size: 12px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height:10px;
text-decoration: none;
font-weight: none;
BORDER-bottom: #000 1px dashed;}

#PANEL  a:hover
{ color:#000; 
font-size: 12px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height: 10px;
font-style: Italics;
text-decoration: line-through;}

#title {
left: 660px;
top: 120px;
background-color: transpaent;
font-family: Bookman, serif;
font-size: 24px;
padding-top: 5px;
height: 35px;
color: #FFFFFF;
font-style: italic;
font-variant: small-caps;
text-align: right;
position: absolute;
}h1 {
	margin: 0px;
	color: #939597;
	text-align:center;
	border-bottom:3px solid;
        border-color:#000000;
	font-style:bold;
	font-family:georgia;
	font-size:12pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 13pt;
	padding:2px;
	margin-bottom:2px;
	margin-top: 2px;
	padding-left:2px;
background-image:url('');
background-repeat: no-repeat;
}
H1:first-letter {
color:#000000;
font-size: 20px;
}

div {
font-size: 12px;
color: #000000;
letter-spacing: 1px;
font-family: Verdana
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px; }

</style>

<div id="title">Title Here</div>

<h1>title</h1>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla </p> 
<h1>title</h1>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla 
<h1>title</h1>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla

<h1>title</h1>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla blabla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla

</div>

<div id="LINKS">
<h1>Links</h1>

<a href="URL here"> Link Here </a>
<Br><br><br>
<h1>Other</h1>
Other Info and stuff. 
<br><BR><BR>

<h1>Credits</h1>
<Center>
 Content: Your name here<br>
 Layout: <a href="http://anwen.createblog.com/graphics/">Anwen</a><br></center>

</div>
</html>