Sing Me Anything

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Please leave the credit on, thanks.
Basic HTML/CSS knowledge is required if you choose to edit this layout on your own.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Sing Me Anything</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

/* links */
A {text-decoration:none; text-transform:lowercase; color: #000000; font-family:arial; font-size:8pt; font-weight:none }
A:link {text-decoration:none; color:#000000; font-family:arial; font-size:8pt; font-weight:none; }
A:visited {text-decoration:none; color: #000000; font-family:arial; font-size:8pt; font-weight:none; }
A:hover {text-decoration:none; font-weight:bold; color:#ffffff; cursor:crosshair; }

/* font style */
b, strong{font-weight: bold; color:#237163;}
i, em{text-decoration: italic; color: #000000;}
u{text-decoration: underline; color: #000000;}

/* main text */
body,td{font-family: arial; font-size: 8pt; color: #000000; overflow-x: none; cursor: default; background: #FFCCCC url("http://cbimg6.com/layouts/07/06/09/17466ac.jpg")  center repeat;}

/* positioning */
#navigation {position: relative; width: 180px; height: 50%; overflow: visible; left: 50px; top: -350px!important; top: -400px;}
#main {position: relative; width: 360px; height: 50%; overflow: visible; left: 239px; top: -35px!important; top: -60px;}
#img {margin-top: -10px!important; margin-top: -15px; margin-top: -10px!important; margin-top: -15px; margin-right: -7px!important; margin-right: -8px;}

h1{font-family: arial; text-transform:uppercase; font-size: 11pt; color: #ffffff; text-align: right; border-bottom: 1px solid #000000;}
hr{border: 1px solid #000000;}

</style>
</head>

<h1>sing me anything</h1>
<p align=justify>

This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>
This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>
This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>
This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>
This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>
This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>
This is the main content section. Feel free to put anything here. <b>Testing the bold.</b> <u>Testing the underline.</u> <i>Testing the italics.</i>

</p>

</div>

<div id="navigation">
<h1>Navigate</h1>

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="#">select your destination</option>
<option value="#">--------------------------------------</option>
<option value="http://google.com">link here</option>
<option value="http://google.com">link here</option>
<option value="http://google.com">link here</option>
<option value="http://google.com">link here</option>
<option value="http://google.com">link here</option>

</select>
</form>
<p align=justify>
If you prefer to use the navigational hyperlinks instead of a dropdown, simply remove the dropdown code and switch to <i>a href</i> mode.
</p>

<h1>About</h1>
<p align=justify>
This is the side content section. Feel free to put information about yourself or your site here.
This is the side content section. Feel free to put information about yourself or your site here.
This is the side content section. Feel free to put information about yourself or your site here.
This is the side content section. Feel free to put information about yourself or your site here.
This is the side content section. Feel free to put information about yourself or your site here.
This is the side content section. Feel free to put information about yourself or your site here.
This is the side content section. Feel free to put information about yourself or your site here.
</p>

<h1>Credits</h1>
<p align=justify>
Layout brought to you by <a href="http://electric-fusion.net" target="_blank"><b>Michelle</b></a>. CSS courtesy of <a href="http://createblog.com" target="_blank"><b>CreateBlog.com</b></a>. Image provided by <a href="http://threadless.com" target="_blank"><b>Threadless.com</b></a> and edited using Adobe Photoshop 7.0. Fonts used were Carpenter ICG and Georgia.

</p>

</div>
</body>
</html>

Layout Comments

Showing latest 1 of 1 comments

BEAUTIFUL!

By monty101 on Jun 27, 2008 8:23 am

Layout Details

Designer	michellerrific
Submitted on	Apr 11, 2007
Page views	15,276
Favorites	56
Comments	1
Reviewer	micron
Approved on	Jun 9, 2007

Sing Me Anything

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates