HayleyWilliams

Designer's Comments

Look carefully for specific instructions

- First template in awhile :] FINALLY. Sheesh.

+ ADD THE MYSPACE !!

RMS || Myspace || Submissions

Layout Code

Copy and paste to Template HTML

body	{
	background-color: #000000;
	background-image: url(http://cbimg6.com/layouts/09/03/34092aa.jpg);
	background-repeat: repeat-y;
	color: #ffffff;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;letter-spacing: -1px;
	z-index: 1;
	}

/* ------ LAYOUT ------ */	
#header	{
	background-image: url(http://cbimg6.com/layouts/09/03/34092ab.jpg);
	width: 818px;
	height: 391px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	}

#content	{
	width: 450px;
	left: 130px;
	top: 385px;
	position: absolute;
	z-index: 3;
	}

#navigation	{
	width: 155px;
	left: 600px;
	top: 385px;
	position: absolute;
	z-index: 4;
	}

/* ------ TITLES & HEADLINES & FOOTER ------ */
h1	{
	color: #fff000;
	font-family: ARIAL;letter-spacing: -2px;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	background-color: transparent; border-bottom: 2px solid; border-bottom-color: #ff2400;
	}

.footer	{
	width: 100%;
	text-align: center;
	border-top: 1px solid #fe0000;
	padding-top: 5px;
	}
	
/* ------ TEXT FORMATIONS ------ */
b, strong	{
	color: #ed1515;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;letter-spacing: -1px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

i, em	{
	color: #fff000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	}

u 	{
	color: #eda315;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px dashed; border-bottom-color: #ffe400;
	}

.special	{
	color: #73b745;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #E3C1AE;
	}
	
/* ------ LINKS & NAVIGATION ------ */
a:link, a:active, a:visited	{
	color: #ffd200;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
a:hover	{
	color: #ffb400;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	}
	
.menu, a.menu:link, a.menu:active, a.menu:visited	{
	color: #fff600;
	background-color: transparent;
	font-family: arial;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; letter-spacing: -1.5px;
	text-align: left;border-left: 2px solid; border-left-color: #ff6c00;
	}

a.menu:hover	{
	color: #ffd200;
	background-color: transparent;
	font-family: arial;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block; letter-spacing: -1.5px;
	text-align: left;border-left: 2px solid; border-left-color: #ff6c00; border-right:2px solid; border-right-color:#ff3c00;
	}

.number	{
	color: #fe0000;
	}
	
/* ------ MISC ------ */
input, textarea, select	{
	background-color: #000000;
	border: 1px solid #1f1f1f;
	color: #fe0000;
	font-weight: none;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	}
	
input:focus, textarea:focus, select:focus {
	background-color: #000000;
	border: 1px solid #1f1f1f;
	color: #fe0000;
	}

.input	{
	width: 200px;
	}
		
.button {
	border: 1px solid #1f1f1f;
	background-color: #000000;
	color: #fe0000;
	font-weight: bold;
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100px;
	}
	
</style>
    </head>
    <body>
        <div id="header" style="width: 818px; height: 391px"> </div>
        <div id="content" style="width: 450px; height: 45px">
        <h1>Your Title Here</h1>
      <B>Lorem</b><I> ipsum</i><U> dolor</u> sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo nibh ultricies laoreet.

</div>
        <div id="navigation">
        <h1>navigation</h1>
        <p><a class="menu" target="_self" href="LINKHERE">LINK1</a>
        <a class="menu" target="_self" href="LINKHERE">LINK2</a>
        <a class="menu" target="_self" href="LINKHERE">LINK3</a>
        <a class="menu" target="_self" href="LINKHERE">LINK4</a>
        <a class="menu" target="_self" href="LINKHERE">LINK5</a></p>
<h1>Links out</h1>
<a class="menu" target="_self" href="http://nerdpackage.co.nr">Layout Creator</a>
<a class="menu" target="_self" href="http://createblog.com">Createblog</a>
<a class="menu" target="_self" href="http://flickr.com">Flickr</a>
<a class="menu" target="_self" href="LINKHERE">LINK4</a>
<a class="menu" target="_self" href="LINKHERE">LINK5</a>
<a class="menu" target="_self" href="LINKHERE">LINK6</a>
<a class="menu" target="_self" href="LINKHERE">LINK7</a>

</div>
    <script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>
</html>

Layout Comments

Showing latest 10 of 13 comments

Now this is great! This is one of the better H.W. layouts I've seen here. Love it.

By Butterface89 on Sep 13, 2010 3:29 pm

I love love L-O-V-E the edits to this one!
I think this has to be one of my favorite Paramore layouts!
It all goes together well
And the colors are beautiful!

By XSceneAttractionsX on Mar 29, 2009 11:01 pm