'Cause I'm Broken

Designer's Comments

Look carefully for specific instructions

Please do not change the images in any way. DO NOT REMOVE THE CREDIT. You can edit the navigation/content/etc as you want. :) Tested in Firefox and Internet Explorer, and it should work in most screen resolutions. (made in 1200 x 800 Firefox)

Oh, pls check out my little website. :)

---------------------
Credits
Images used from here and here (on StockXchange).

Layout Code

Copy and paste to Template HTML

Help

<title>'Cause I'm Broken</title>

#content A, A:link, #content A:visited { text-decoration: none;  color:#0e1c39; cursor: crosshair; border-bottom: 3px double #e67b5e;}
#content A:hover { text-decoration: none; color:#fff; background-color: #876c54; cursor: crosshair; border-bottom: none;}

#navi A, #navi A:link, #navi A:visited { display:block; font-family: arial; font-weight: bold; padding:4px; letter-spacing: 1px;  cursor: crosshair; text-align: right;}
#navi A:hover { text-decoration: none; letter-spacing: 1px; border-left: 10px solid #937a64;}

p {padding-left: 10px; padding-right: 10px;}
b {font-weight: bold; color: #60a39e;}
u {text-decoration: underline; color: #a83a3a; border-bottom: 2px dotted #ff90d5;}
i {text-decoration: none; color: #8a6858; font-style: italic;}

blockquote {padding: 10px; margin-left: 8px; _margin-left: 18px; background-color: #d3d595; border: 1px dotted #bbbd78; width: 360px; line-height: 14px;}

.menu {margin: 0px; padding: 0px; width: 110px; list-style: none;}
.menu li {padding: 2px 2px 0px 0px; margin: 0px; _margin-bottom: -15px;}
.menu li a, .menu li a:visited {margin: 0px; padding: 3px 3px; color: #977d65; display: block; border: #818f4a 1px solid; border-left: #e2e4a5 1px solid; background: #e2e4a5; text-decoration: none;}
.menu li a:hover {color: #d7d799; background: #876c54; border: #645235 1px solid;}

body {
background-color:#a8a07b;
margin:0px;
background-image:url(http://cbimg9.com/layouts/08/10/32039ad.jpg); background-repeat:repeat-y;
font-family: tahoma, verdana, arial; font-size: 8pt; line-height: 16px;}

#content {width:400px; position:absolute; left:62px; top:300px; color:#646856; text-align: justify; line-height: 12px;}

#navi {width:160px; position:absolute; left:462px; _left: 438px; top:280px; color:#6fca6f; text-align: center;}

h1 { display: block; width: 400px; font-size: 11pt; font-family: georgia; text-transform: uppercase; text-align: center; color: #998366; background-color: #cacc94; word-spacing: 3px; border-bottom: 1px dashed #c078c3; padding-bottom: 2px; _margin-bottom: -10px; padding-top: 2px;}

</style></head>
<BODY BGCOLOR="#a8a07b" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/10/32039aa.jpg" WIDTH=462 HEIGHT=100 ALT=""" BORDER="0"></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/10/32039ab.jpg" WIDTH=462 HEIGHT=100 ALT=""></TD>
	</TR>
<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/10/32039ac.jpg" WIDTH=462 HEIGHT=100 ALT="" usemap="#Map" border="0"></TD>
	</TR>

</TABLE>
<map name="Map">
  <area shape="rect" coords="61,69,177,90" href="http://dreamgurl36.createblog.com" target="_blank" alt="Designed by dreamgurl36" title="Designed by dreamgurl36">
</map>
<body>

<h1>About This Layout</h1>

<p><blockquote><i>And you leave me breathlessly hanging, literally. I try to hold on but it's too late. Helplessly I fall backwards and plunge down into darkness. The chilling wind envelopes me and I shiver involuntarily. Being the compassionate person that I knew you to be, you let me fall gently. It's as if a pair of pale light feathery wings is supporting me. I can feel a deadly thin thread tied to my wrist, and you are holding the end of the strand. My fate lies in your hands. Fear grips my heart as I see the thread slowly wearing out, and it is only a matter of time before it breaks. I'm too scared to let go; I don't know how I can go on without you. Thus I wait in silence and darkness, apprehensively praying that I'll survive this nightmare.</i></blockquote>

<p>End of my desperate little tirade. Now for my usual speech, hahaha. Read and follow the rules. Respect my work and of course, don't steal. This is where your <i>main content</i> will go. Fill up as much or as little as you want! XD It's all up to you! Please <b>do not</b> alter the images/layout in any way. And it goes without saying: <u>do NOT remove the credit</u>. 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>

<p>I think you'd need some basic knowledge of <i>html and css</i> 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. This layout was tested in <u>both</u> Internet Explorer and Firefox. In Firefox, the font of the text will be slightly different. Other than that, it works perfectly fine.... <b>compatible in both browsers.</b> ^^ Oh, and it works in <i>all resolutions</i> too. :) Hope you enjoy it!</p>

<p><center><b>This is bold text.</b><br>
     <u>This is underlined text.</u><br>
     <i> This is italic text.</i></br>
 <a href="#"> a link</a></br></center>

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

<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="#">Affiliates</a></li>
	<li><a href="#">Site History</a></li>
</ul>

</div>

</body>
</html>

Layout Comments

Showing latest 4 of 4 comments

It looks awesomee ^.^

By Firiath on Oct 24, 2008 4:22 am

Very nice, love the colors used. and you credited. Awesome.

By Blaqheartedstar on Oct 18, 2008 1:41 pm

I really like this.

By Eww on Oct 18, 2008 1:16 pm

I really like this stylesheet.

By tokyo-rose on Oct 16, 2008 6:18 pm

Layout Details

Designer	dreamgurl36
Submitted on	Oct 16, 2008
Page views	8,960
Favorites	53
Comments	4
Reviewer	schizo
Approved on	Oct 16, 2008

'Cause I'm Broken

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates