Jump -

Designer's Comments

Look carefully for specific instructions

Please do not alter the images in any way and leave the credits as they are. DO NOT REMOVE THE CREDIT. But you may edit the navigation/content/etc as you want. :)

Tested in Firefox and Internet Explorer, and it should work in most screen resolutions.

Oh, pls check out my little website. :)

Enjoy~

Layout Code

Copy and paste to Template HTML

Help

<title>Site Title Here</title>

#content A:link { text-decoration: none;  color:#e694a2; cursor: crosshair; font-weight: bold; border-bottom: 3px double #fffcad3;}
#content A:visited { text-decoration: none; color:#e694a2; cursor: crosshair; font-weight: bold; border-bottom: 3px double #ffcad3;}
#content A:hover { text-decoration:; color:#c48ee6; cursor: crosshair; font-weight: bold; border-bottom: 3px double #eed3ff;}

#navi A { display:block; text-decoration: none; font-weight: bold; background-color: #d6f0c7; margin:1px; margin-left:1px; margin-right:1px; padding:2px; letter-spacing: 1px;  cursor: crosshair; text-align: center;}
#navi A:link { text-decoration: none;  color:#74b560; width: 100%; margin: auto; border-bottom: 1px solid #fff}
#navi A:visited { text-decoration: none; color:#74b560; }
#navi A:hover { text-decoration:none; color:#fff; background-color:#d0d447; border: 1px dotted #fff;}

b {font-weight: bold; color: #4b8533;}
i {font-style: italic; color: #bb9d47;}
u {text-decoration: underline; color: #86abed; border-bottom: 1px dashed #72ccd4;}

.menu {
	display: inline;
	margin: 0px;
	padding: 0px;
	color: #e7ffc2;
	list-style: none;
	position: absolute;
	left: 105px;
	top: 413px;
	_top: 407px;
}
.menu li {
	padding: 6px 6px 0px 0px;
	margin: 0px;
}
.menu li a, .menu li a:visited {
	margin: 0px;
	height: 18px;
	padding: 6px 6px;
	color: #757f2a;
	display: inline;
	border: 0px;
	text-decoration: none;
	border-left: 1px dotted #b8d464;
	border-right: 1px dotted #b8d464;
	text-transform: uppercase;
}
.menu li a:hover {
	color: #edf6a1;
	background: #a4ae4c;

}

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

body {
background-color:#b1dca6;
scrollbar-base-color: #f0f7fc;
scrollbar-track-color: #f0f7fc;
scrollbar-highlight-color: #f0f7fc;
scrollbar-shadow-color: #f0f7fc;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #d6f0c9;
scrollbar-arrow-color: #76ab5c;
margin:0px;
color:#95b295;
background-image:url(http://cbimg6.com/layouts/08/03/19/26301ag.jpg); background-repeat:repeat-y;
font-family: verdana, arial; font-size: 8pt; line-height: 16px;}

#content {width:370px; position:absolute; left:310px; top:470px; _top: 480px; color:#95b295; text-align: justify; }

#navi {width:170px; position:absolute; left:113px; top:470px; _top: 480px; text-align: center;}

h1 { display: block; font-size: 13pt; font-family: century; text-align: center; height: 20px; color: #5fc18c; word-spacing: 1px; background-color: #d6f0c7; padding-top: 3px; border-top: 1px solid #5fc18c;}
h2 { display: block; font-size: 13pt; font-family: century; text-align: center; height: 20px; letter-spacing: 1px; color: #6acacb; word-spacing: 1px; border-top: 1px solid #6acacb; background-color: #ddf0f1;}

</style></head>
<BODY BGCOLOR="#b1dca6" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/03/19/26301aa.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/03/19/26301ab.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/03/19/26301ac.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/03/19/26301ad.jpg" WIDTH=800 HEIGHT=150 ALT="" usemap="#Map" BORDER="0"></TD>
	</TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/03/19/26301ae.jpg" WIDTH=800 HEIGHT=150 ALT=""></TD>
	</TR>
		
</TABLE>

<body>
<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="#">More Links</a></li>
</ul>

<h1>About This Layout....</h1>

<p>This is where your main content will go. Fill up as much or as little as you want! XD It's all up to you!</p>

<p>Please do not alter the images/layout in any way. And it goes without saying.... do not remove the credit. I mean... I've taken the ultra long time to code this, so the least you can do is leave the credit there. But of course.... you may edit the navigation, contents, and such to suit your website needs. ^^

<p>I think you'd need some basic knowledge of html to be able to fully make use of this layout. But it's nothing too complicated. There are plenty of tutorials on the web, and even some on <a href="http://www.createblog.com" target="_blank">CreateBlog</a> too.

<p>This layout was tested in both Internet Explorer and Firefox. In Firefox, the font of the text will be slightly different. Other than that, it works perfectly fine.... compatible in both browsers. ^^

<p>Oh, and it works in all resolutions too. :) Hope you enjoy it!</p>

<p><center><b>This is bold text.</b><br>
     <i>This is italic text.</i><br>
     <u>This is underlined text.</u><br>
     <a href="#">a normal link</a></center></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>

<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>

<h2>Title</h2>

<img src="http://cbimg6.com/layouts/08/03/19/26301af.jpg" ><p>
Well... it's up to you what you want to put here. ^__^ 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah

<h2>Navigation</h2>

<h2>Credits</h2>

Layout By:<a href="http://dreamgurl36.createblog.com" target="_blank"> dreamgurl36</a>
Image From:<a href="http://www.sxc.hu" target="_blank"> Stock Xchange</a>
Brushes From:<a href="http://deandesign.pl" target="_blank"> Dean Design</a>
</div>

</body>
</html>

Layout Comments

Showing latest 8 of 8 comments

hahaha, I love the underwear. whitey tighties are so very attractive. but besides that, I love the colors and brushes and everything :]

By takle_monster on Mar 19, 2008 11:43 pm

its wonderful
i especially like the colors
also i think its kinda funny how the persons underwear is totally showing but thats just me
anyhoo its terrific

By raspuhberry on Mar 19, 2008 8:33 pm