Hayley Williams - Born For This

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Do not remove the credit!
Enjoy! :D

If you would like a custom one made
email me at nick@funride.org or PM me!

Layout Code

Copy and paste to Template HTML

Help

<html>
<title>Hayley Williams - Born For This</title>
<style type="text/css">

body{background-color: #000000;
background-image:url(http://cbimg6.com/layouts/09/08/35533ab.png);
background-image: repeat;
color: #FFFFFF;
font-family: arial;
text-transform: none;
font-size: 9px;
}

#maincontent{
position: absolute;
overflow: hidden;
top: 550px;
left: 210px;
width: 350px}

#navcolumn{
position: absolute;
overflow: hidden;
top: 548px;
left: 595px;
width: 150px}

textarea{
background-color: #000000;
border: 1px dotted #ffffff;
width: 88px;
height: 50px;
letter-spacing: 0px;
text-transform: uppercase;
font-family: small fonts;
color: #ffffff;
font-size: 9px;}

h1{
  width: 100%;
  padding: 5px;
  margin-bottom: 3px;
  background-color: C16405 !important;
  color: ffffff !important;
  font-family: arial;
  font-size: 8pt;
  font-weight: none;
  text-align: left;
  line-height: 8pt;
  text-transform: uppercase;
  float: left;
  margin-left: 0px;}

h2{
  width: 100%;
  padding: 5px;
  margin-bottom: 3px;
  background-color: FFFFFF !important;
  color: C16405 !important;
  font-family: arial;
  font-size: 8pt;
  font-weight: none;
  text-align: left;
  line-height: 8pt;
  text-transform: uppercase;
  float: left;
  margin-left: 0px;}

#banner{
position: absolute;
top: 0px;
left: 0px;
width: 1000px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }

a.navi, a.navi:active, a.navi:link, a.navi:visited{
font-family: arial;
font-weight:normal;
font-size: 8px;
text-transform: uppercase;
letter-spacing:0px;
color:#FFFFFF;}

a.navi:hover{
font-family: arial;
font-weight:normal;
font-size: 8px;
letter-spacing:1px;
text-transform: uppercase;
letter-spacing:0px;
color:#FFFFFF;
border-right: 3px solid #C16405;
}
</style>

<html>

<div id="maincontent">
<h1>Layout info</h1>
This layout took me a long time, after a failed attepmt with different images I tried this and it worked!<br>
So basically ALL of my day.
I would appreciate if you left the sidebar credit on, though its not necescarry.<br>
Now the history:<br><br>

I started this design today (August 13th, 2009)<br>
I like the final turnout of the design, I think its very unique in some ways, and a step-up from my past work<br>

I decided to do Hayley/Paramore because I am a huge fan<br>
I love there music it iis so insparational and they've never passed over to pop like bands such as Boys Like Girls.<br><br>

Just enjoy the layout<br>

</div>

<div id="navcolumn">
<h2>Navigation</h2>
<a href="#" class="navi">link</a><br>
<a href="#" class="navi">link</a><br>

<a href="#" class="navi">domain</a><Br>

<h2>Navigation</h2>
<a href="#" class="navi">link</a><br>
<a href="#" class="navi">link</a><br>
<a href="#" class="navi">domain</a><Br>

<h2>Navigation</h2>
<a href="#" class="navi">link</a><br>
<a href="#" class="navi">link</a><br>

<a href="#" class="navi">domain</a><Br>

<h2>Navigation</h2>
<a href="#" class="navi">link</a><br>
<a href="#" class="navi">link</a><br>
<a href="#" class="navi">domain</a><Br>

<h2>Credit</h2>
Image Mapping: <a href="http://funride.org" class="navi">Here </a>&<a href="http://tcunningham.createblog.com" class="navi"> Here</a><br>
Photo: <a href="http://selenaweb.org" class="navi">Here</a><br>
DO NOT REMOVE!
<br>
<br>
</div>
</html>