Let's Sail into the Sunset...

Designer's Comments

Look carefully for specific instructions

I made this layout in my free time this past week and I think it came out great! :)

You can request a layout here or just visit my website here.

I hope you like the layout! :)

Layout Code

Copy and paste to Template HTML

Help

<title>.: Let's Sail into the Sunset... :.</title>

</head><style type="text/css">

#content A:link { text-decoration: none;  color:orange; cursor: crosshair;}
#content A:visited { text-decoration: none; color:orange; cursor: crosshair;}
#content A:hover { text-decoration:; color:darkred; cursor: crosshair; font-weight: bold;}

b {font-weight: bold; color:black; font-family: arial black; font-size: 10px;}
i {font-style: italic; color: orange;}
u {text-decoration: underline; color: darkred; border-bottom: 1px dotted yellow;}

.menu {
	display: inline;
	margin: 0px;
	padding: 0px;
	color: yellow;
	list-style: none;
	position: absolute;
	left: 60px;
	width: 500px;
	top: 120px;
}
.menu li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.menu li a, .menu li a:visited {
	margin: 0px;
	height: 15px;
	padding: 5px 5px;
	color: yellow;
	display: inline;
	border: 0px;
	text-decoration: none;
	font-weight: bold;
}
.menu li a:hover {
	color: orange;
	cursor: hand;
	text-decoration: none;

}

.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

body {
overflow: auto;
background-color:#c3cfd7;
margin:0px;
color:#808080;
scrollbar-base-color: white;
scrollbar-track-color: black;
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: black;
scrollbar-arrow-color: white;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
background-image:url("http://cbimg6.com/layouts/09/01/33282ab.png"); background-repeat: repeat;
font-family: arial;
font-size: 10px;}

#content {width:320px; height: 725px; position:absolute; left:580px; top:0px;  text-align: left; overflow: auto; padding: 5px; background-color: white; border: 5px solid black;}

h1 {display: show; font-size: 20px; font-family: arial; color: white; background-color: black; height: 20px; text-align: center;border-bottom: 2.5px ridge violet; margin-bottom: 0px;}
h2 {display: block; font-size: 10px; font-family: arial thin; text-align: right; letter-spacing: 2px; color: white; background-color: darkorange; margin-top: 0px;}
h3 {display: block; font-size: 20px; text-align: center; color: yellow; word-spacing: 2px; background-color: darkred; height: 20px; padding-top: 2.5px;}
</style></head><body><table><tr><td><IMG SRC="http://cbimg6.com/layouts/09/01/33282aa.png" height="740" width="570"></td></tr></tr></table>
<ul class="menu">
	<li><a href="#">Home</a></li>
	<li><a href="#">About Me</a></li>
	<li><a href="#">Content</a></li>
	<li><a href="#">Guestbook</a></li>
	<li><a href="#">More Links</a></li>
	<li><a href="#">More Links</a></li>
	<li><a href="http://www.foreverangel.info/">Credit</a></li>
</ul>

<h1>About This Layout....</h1>
<h2>Your Header Subtitle</h2>
<p>This is where ALL of you content goes! YAY! You don't have to make it scroll but it will.</p>

<p>You can change the content and the link names but please do not alter the layout any other way or remove the credit. Please do not alter the image in any way shape or form. This layout took me a while to make and please don't waste the time I put in it.

<p>To really use this layout you will need to know <a href="http://www.sugar-blossom.info/basichtml.php">basic knowledge of html</a>. You can also <a href="http://www.sugar-blossom.info/requests.php">request</a> some more tutorials or <a href="http://www.sugar-blossom.info/contact.php">ask</a> for some help. I will gladly help you! :)

<p>I tested this in IE, Safari, and FF; so those are the recomended browsers. I made it in IE then resized it in FF and Safari so really firefox and safari are the best used with this layout. I have a 1152x864 screen size so this layout may be to big for your screen and just perfect in mine. I hope you enjoy it! :)

<p><b>Bolded text</b><br><i>Italic text</i><br><u>Underlined text</u><br><a href="#">link</a></p>

<h1>Your Header Title</h1>

<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

<h3>A thrid Header</h3>
<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

<p>content content content content content content content content content content content content content content content content content content content content content content content content  content content content content content content content content content content content content</p>

</div>

</body>
</html>