TrendBreaker

Designer's Comments

Look carefully for specific instructions

This is a Layout feat. Christina Ricci ^^

I hope you like it!

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>•TrendBreaker•</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">body { background-img:transparent;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
}
#navi { width:175px;
background:transparent;
text-align:left;
left: 167px;
right: 300px;
}
a:link { text-decoration: none;
border: 0px solid transparent;
color: #cfcfd1;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:active { text-decoration: none;
border: 0px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #cfcfd1;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:visited { text-decoration: none;
border: 0px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #cfcfd1;
font-style: normal;
text-transform: lowercase;
background-color: transparent;
}
a:hover { border: 0px solid #d89ac7;
color:#cfcfd1;
cursor: default;
background-color:#cfcfd1;
text-decoration: none;
font-style: none;
}
h3 { font-family: arial black italic;
color: #fff;
line-height: 14px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: 2;
padding: 3px 3px 3px 3px;
text-decoration: none;
background-color:#bcbcbf;
}
h2 { font-family: arial black italic;
color: #578c78;
line-height: 14px;
font-variant:small-caps;
font-size: 17px;
text-align: center;
letter-spacing: 2;
border-right: 25px solid #578c78;
margin: 0 0 5px 0;
padding: 2px 5px 2px 2px;
text-decoration: none;
background-color: transparent;
border-bottom: 5px solid #578c78;
border-top: 1px solid #578c78;
}
h1 { font-family: arial black italic;
color: #fff;
line-height: 15px;
text-transform: uppercase;
font-size: 13px;
text-align: right;
font-variant:small-caps;
text-decoration:none;
padding: 2px 2px 2px 2px;
background-color: #578c78;
border-bottom: 3px solid #fff;
border-top: 1px solid #ff2022;
}
h4 { font-family: arial black italic;
color: #ff0024;
line-height: 13px;
text-transform: uppercase;
font-size: 13px;
text-align: left;
font-variant:small-caps;
text-decoration:none;
padding: 2px 2px 2px 2px;
border-bottom: 1px dashed #9f9fa1;
border-top: 1px dashed #9f9fa1;
}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited { color:#fff;
font-size:10px;
font-family:georgia;
line-height:15px;
display:block;
text-align: right;
border-right: 25px solid #578c78;
margin: 0 2 5px 0;
padding: 2px 5px 2px 2px;
text-transform: uppercase;
letter-spacing: 1;
text-decoration: none;
font-style: normal;
}
#navi a:hover, #navi a:focus {
color:#616161;
border-right: 25px solid #ff0036;
cursor: default;
text-align: center;
background-color:#fff;
text-decoration: none;
font-style: none;
}
#navi2 a, #navi2 a:link, #navi2 a:active, #navi2 a:visited { color:#616161;
font-size:10px;
font-family:georgia;
line-height:20px;
display:block;
text-align: left;
margin: 0 0 1px;
text-transform: uppercase;
letter-spacing: none;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
#navi2 a:hover, #navi2 a:focus {
text-decoration: none;
color:#000;
cursor: default;
background-color: trasnparent;
font-style: none;
}
#content {
width: 315px;
background-color: transparent;
}
#content a { text-decoration: underline;
border-bottom: 1px dashed #fff;
color: #ff0024;
font-family: arial;
font-size: 10px;
line-height: 11px;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:active { text-decoration: none;
border: 1px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #ff0024;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:visited { text-decoration: none;
border: 1px solid transparent;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #ff0024;
font-style: normal;
text-transform: uppercase;
background-color: transparent;
}
#content a:hover { border-bottom: 1px solid #fff;
color:#fff;
cursor: default;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
.inhaltetable table {
background-color: transparent;
border-top-color:#578c78 !important;
border-top-width:0px !important;
border-top-style:solid !important;
}
.inhaltetable tr td table { border-top: 0px solid #e6e5e3;
font-family: arial;
font-size: 10px;
line-height: 12px;
color: #578c78;
text-decoration: none;
}
.inhaltetable td font { border: 0px solid rgb(255, 255, 255);
font-family: arial;
font-size: 10px;
line-height: 12px;
color: #578c78;
text-decoration: none;
}
.inhaltetable td font p { border: 0px solid rgb(255, 255, 255);
font-family: arial;
font-size: 10px;
line-height: 12px;
color: #578c78;
text-decoration: none;
}
::-moz-selection {
background:#578c78;
color:#fff;
}
textarea { border: 1px solid #ff0024;
background-color: transparent;;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #ff0024;
}
input { border: 1px solid #ff0024;
background-color: transparent;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #ff0024;
}
b, strong { font-family: arial;
font-size: 11px;
line-height: 11px;
color: #132a21;
font-weight: bold;
}
m { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
padding: 1px 2px 1px 2px;
background-color:#d40c0c;
}
i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #615e5b;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #053460;
text-decoration: underline;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #2e0560;
text-decoration: line-through;
}
#box
{
background-color: transparent;
border: 1px dashed #578c78;
font-family: arial;
font-size: 9px;
line-height: 11px;
color: #578c78;
}
#box a
{
text-transform: uppercase;
color:578c78; background-color: transparent;
text-decoration: underline; border-bottom: 2px dashed #ff0024;
padding: 2px 2px 2px 2px;
margin: 1px 1px 0px 1px
font-family: arial;
font-size: 9px;
}
#box a:hover
{
text-transform: uppercase;
color:#fff;
font-family: arial;
font-size: 9px;
background-color:#578c78;
border-bottom: 2px solid #578c78;
}
  </style>
</head>
<body
 style="background-image: url(http://cbimg6.com/layouts/07/11/30/23496ac.jpg);">

<div style="left: 0px; width: 850px; top: 0px; height: 700px;"
 id="header">
<div id="content"
 style="position: absolute; overflow: visible; z-index: 5; text-align: center; width: 88px; height: 18px; top: 279px; left: 800px;"></div>
<img
 src="http://cbimg6.com/layouts/07/11/30/23496aa.jpg"
 alt="Layout by ZeBiii"></div>


<div id="content"
 style="position: absolute; z-index: 3; text-align: left; height: 379px; top: 319px; left: 15px; width: 275px;">
<p></p>
<h1>Here comes the Headline</h1>
Here comes the Content......
<br>
<br>
<p></p>
<h1>Basic Codes</h1>
A Link looks like that <a href="#">Linkage</a> in
the content.<br>
<br>
<b>Bold</b> • <i>Italic</i>
• <u>Underline</u> • <s>Stroke</s>
• <m>Mark</m>
<p></p>
</div>


<div id="navi2"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; height: 17px; width: 83px; top: 340px; left: 294px;"><a
 href="#" target="_blank"><img
 style="top: 340px; left: 291px; width: 87px; height: 49px;"
 src="http://cbimg6.com/layouts/07/11/30/23496ab.gif"
 border="0"></a></div>
<div id="navi"
 style="position: absolute; overflow: visible; z-index: 4; text-align: left; height: 278px; top: 394px; left: 309px; width: 120px;">
<h2>Headline</h2>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<h2>Headline</h2>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<h2>Headline</h2>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<a href="#">Linkage</a>
<h2>Credits</h2>
<a href="http://designbox.myblog.de">Designer</a>
<a href="http://www.sweetandtalented.com/">Image</a>
<a href="http://horizonroad.captured-grace.com/">Materials</a>
</div>

<div id="box"
 style="position: absolute; z-index: 4; text-align: left; width: 156px; height: 311px; top: 410px; left: 440px;">
<h4>The Box</h4>
This Box you can use as a "Newsbox" or for something else ^^<br>
<br>
<u>A link in the Box looks like that:</u> <br>
<br>
<a href="#">Link in
der Box </a>aus
</div>


<noscript><div style="display:none"> </div></noscript>
<script type="text/javascript" src="layer.php"></script>
</body>
</html>