Regina Spektor

Designer's Comments

Look carefully for specific instructions

Layout featuring musician Regina Spektor.

Tested in Firefox and IE. Please note: there is a slight difference between the rendering in Firefox and in IE (Get Firefox people!). In IE there is a larger gap between the navigation and content. (If anyone knows how to fix it, I would gladly change the code.)

Enjoy!

:)

Layout Code

Copy and paste to Template HTML

Help

<HTML>
<HEAD>
<TITLE>Regina Spektor</TITLE>

table, td, tr {
font-size: 12px;  
line-height: 16px;
font-family: Verdana; 
text-align: justify;
}

body {
background: #50321c;
background-image : url(http://cbimg6.com/layouts/07/10/07/22226ae.png);
background-repeat : repeat-x;
font-family: tahoma; 
color: #A2714F;

}

h1 {
font-size: 16px;  
font-family: tahoma; 
font-weight: bold;
letter-spacing: 2px;
text-align: left;
color: #fdc58b;
margin-bottom: 5px;
padding-top: 15px;
}

a:link,a:active, a:visited {color: #fdc58b; text-decoration:none; font-weight: bold;}

a:hover 
{color: #be956a;}

a.navi {
text-decoration: none;
color: #9B6239;
font-weight: bold;
display:block;
width: 100%;
text-align: left;
padding-left: 5px;
margin-left: 15px;
border-left:5px solid #be956a;
}

a.navi:hover {
text-decoration: none;
color: #be956a;
font-weight: bold;
text-align: left;
display:block;
width: 100%;
border-left:5px solid #9B6239;
padding-left: 15px;
}

p {margin-right: 10px;
margin-top: 0;}

b {color: be956a; }
</style>
</HEAD>

<h1>Welcome!</h1>

This layout is inspired by singer, pianist and songwriter Regina Spektor.  She is probably most known for her hit songs "Fidelity" "Samson" and "On The Radio".  Haven't heard of her?  Well check her out.  She's an amazing artist!

<h1>Navigation</h1>
<p>
<a href="#" class="navi">Link 1</a>
<a href="#" class="navi">Link 2</a>
<a href="#" class="navi">Link 3</a>
<a href="#" class="navi">Link 4</a>
<a href="#" class="navi">Link 5</a>
</p>

<h1>Navigation 2</h1>
<p>
<a href="#" class="navi">Link A</a>
<a href="#" class="navi">Link B</a>
<a href="#" class="navi">Link C</a>
<a href="#" class="navi">Link D</a>
<a href="#" class="navi">Link E</a>
</p>

</td>

<td ALIGN="LEFT" VALIGN="TOP" width="480" height="67">
			
<h1>Regina Spektor</h1>

<p>So I'm in my "music mood" so that calls for the creation of a layout of some musically talented person.  That person would be <b>Regina Spektor</b>.  So please enjoy the layout, have fun with it.  And as with any layout, leave the credits in place.  Thanks! (Just a side note: the paragraph tags (<p>) are needed within the content, otherwise the text will stretch too far.)</p>

<h1>Xtra Content</h1>

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer augue tortor, consequat ac, dictum sed, ultrices quis, mi. Nulla tortor leo, faucibus id, sagittis at, elementum non, odio. Praesent varius, dui quis laoreet dignissim, metus ante elementum velit, eget luctus magna libero in erat. Duis urna. Sed rutrum, libero sit amet placerat aliquam, elit nisi molestie massa, nec tincidunt odio lacus sed sem. Nam neque orci, mollis at, venenatis ac, rutrum nec, ante. Ut ac nibh sit amet lorem scelerisque adipiscing. Cras venenatis ultrices ante. Ut eget magna. Sed pharetra. Nullam metus dui, viverra et, rhoncus et, bibendum placerat, tortor. Nam velit lorem, feugiat non, dignissim ut, lacinia scelerisque, lorem. Nulla malesuada pharetra risus. Praesent neque justo, rutrum non, consectetuer quis, auctor eu, est.
</p>

</td>