HEARTBREAKER

Designer's Comments

Look carefully for specific instructions

This is my first layout of G-DRAGON, I hope you guys like it.

*edit:
I made the Navigation a little bigger
*UPDATE 2011.11.15

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HEARTBREAKER</title>

body{
	background-color:#e0e0e0;
	background-repeat:repeat-x;
	background-image: url(http://cbimg6.com/layouts/09/08/35655aa.png);
	margin:auto;
	width:630px;
}

.header{
	position:absolute;
	top:90px;
	margin-left:-180px;
	width:1024px;
	height:553px;
	background-image: url(http://cbimg6.com/layouts/09/08/35655ab.png);
}

.content{
position:absolute;
top:665px;
width: 630px; 
margin:auto;
background:transparent; 
line-height: 16px;
font-family:century gothic;
font-size: 12px;
color: #000000;
text-decoration:none;
text-transform:none;
font-weight: normal;
font-style:normal;
text-align: left;
letter-spacing: 0px;
padding: 30px 30px 30px 30px;
}

table{
position:absolute;
margin:auto;
width:610px;
top:20px;
}

a:link, a:visited, a:active {
background-color:#;
font-size:12px OCR A Extended;
color:#ffffff;
text-decoration: none;
text-transform:none; 
font-weight:normal;
font-style:normal;
letter-spacing: 2px;
}

a:hover {
background-color: #;
font-size:12px OCR A Extended
color:#ffffff;
text-decoration:none; 
text-transform:none; 
font-weight:normal;
font-style:normal; 
letter-spacing: 2px;
}

a.nav:link, a.nav:visited, a.nav:active {
background-color:#;
display: block;
margin-top: 0px;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0x solid #000000;
border-bottom: 0px solid #000000;
font: 18px century gothic;
color: #ff0000;
text-decoration:none;
text-transform:none;
font-weight: normal;
font-style:normal;
text-align: center;
letter-spacing: 0px;
}

a.nav:hover {
background-color:#;
display: block;
margin-top: 0px;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0x solid #000000;
border-bottom: 0px solid #000000;
font: 14px OCR A Std;
color: #000000;
text-decoration:none;
text-transform:none;
font-weight: normal;
font-style:normal;
text-align: center;
letter-spacing: 0px;
}

h1{
background-color:#;
background-image:url();
border-color:#C1365D;
border-width:0px;
  border-top: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid;
  border-bottom: 0px solid;
border-style:solid;
font-family:OCR A Std;
font-size: 36px;
color: #65c1e9;
text-decoration:none;
font-weight: normal;
letter-spacing: 20px;
text-align: center;
padding: 10px 3px 0px 3px;
}

h2{
background-color:#;
background-image:url();
border-color:#C1365D;
border-width:0px;
  border-top: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid;
  border-bottom: 0px solid;
border-style:solid;
font-family:OCR A Extended;
font-size: 24px;
color: #ffffff;
text-decoration:none;
font-weight: normal;
letter-spacing: 10px;
text-align: center;
padding: 10px 3px 0px 3px;
}

b {
font-family: century gothic;
color: #ff0000;
font-weight:bold; }

s {
font-family: century gothic;
color: #ff0000;
font-weight:normal;
}

i {
font-family: century gothic;
color: #ff0000;
font-weight:normal; }

u {
font-family: century gothic;
color: #ff0000;
font-weight:normal;
border-bottom: 1px solid;
}

</style>
</head>

<div class="content">
<table>
<tr>
<td><a class="nav" href="LINK HERE">Navigation</a></td>
<td><a class="nav" href="LINK HERE">Navigation</a></td>
<td><a class="nav" href="LINK HERE">Navigation</a></td>
<td><a class="nav" href="LINK HERE">Navigation</a></td>
<td><a class="nav" href="LINK HERE">Navigation</a></td>
<td><a class="nav" href="LINK HERE">Navigation</a></td>
</tr>
</table>