And You Don't Know...

Designer's Comments

Look carefully for specific instructions

A layout I made some time ago. Not my best layout, I know. Bleh... it's dark. :o

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
Resources used from gvalkyrie, colourlovers and Fairytaled. Image was found on Aethereality Gallery.

Layout Code

Copy and paste to Template HTML

Help

#content A, A:link, #content A:visited { text-decoration: none;  color:#d0954b; cursor: crosshair; border-bottom: 1px dashed #d04b82; font-family: century gothic; font-family: bold; font-size: 10pt;}
#content A:hover { text-decoration:; color:#edb975; cursor: crosshair; border-bottom: 1px dashed white; background-color: #3c1616;}

#navi A, #navi A:link, #navi A:visited { display:block; font-family: century; font-size: 15px; padding:4px; cursor: crosshair; text-align: left; line-height: 1.0; padding-left: 8px;}
#navi A:hover { text-decoration: none; text-align: center; width: 140px; background: url(http://cbimg9.com/layouts/08/10/31888ae.jpg) no-repeat right;}

.menu {margin: 0px; padding: 0px; color: #000; width: 120px; list-style: none;}
.menu li {padding: 2px 2px 0px 0px; margin: 0px;}
.menu li a, .menu li a:visited {margin: 0px; padding: 3px 3px; color: #e1c99c; display: block; border: none; background: #3f0805; text-decoration: none;}
.menu li a:hover {color: #9c0606; background: black; border: #2f0100 1px solid;}

#topbg {height: 135px; background: url(http://cbimg9.com/layouts/08/10/31888af.jpg) repeat-x; z-index: -1;}

b {font-weight: bold; color: #951d04; background-color: #170000;}

p {text-indent: 25px;}

body {
background-color:#000;
margin:0px;
background-image:transparent;
font-family: "century"; font-size: 13px; line-height: 14px;}

#content {width:350px; position:absolute; left:105px; top:400px;  color:#938162; text-align: justify; line-height: 14px;}

#navi {width:160px; position:absolute; left:460px; _left: 441px; top:120px; color:#6fca6f; text-align: center; z-index: 3; _line-height: 0.4;}

h1 { display: block; font-size: 14px; font-family: "century"; text-align: center; color: #fbeca1; background: url(http://cbimg9.com/layouts/08/10/31888ag.jpg) no-repeat; height: 50px; padding-top: 25px; margin-bottom: -30px; _margin-bottom: -10px;}

</style></head>
<div id="topbg"></div>
<BODY BGCOLOR="#000" 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/31888aa.jpg" WIDTH=534 HEIGHT=100 ALT=""" BORDER="0" style="position: absolute; top: 0px; left: 0px;"></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/10/31888ab.jpg" WIDTH=534 HEIGHT=100 ALT="" BORDER="0" style="position: absolute; top: 100px; left: 0px;"></TD>
	</TR>
<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/10/31888ac.jpg" WIDTH=534 HEIGHT=100 ALT="" BORDER="0" style="position: absolute; top: 200px; left: 0px;"></TD>
	</TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/10/31888ad.jpg" WIDTH=534 HEIGHT=116 ALT="" BORDER="0" style="position: absolute; top: 300px; left: 0px; usemap="#Map" ></TD>
	</TR>
		
</TABLE>
<map name="Map">
  <area shape="rect" coords="99,76,206,97" href="http://dreamgurl36.createblog.com" target="_blank" alt="Designed & Coded by dreamgurl36" title="Designed & Coded by dreamgurl36">
</map>
<body>

<p><h1>About This Layout</h1>

<p>Hmmm... I haven't made a <b>dark layout</b> like this one in such a long while. I think I still like layouts with light colors best, after all. :3 But I like how this one turned out... sort of gothic and emo-ish. The theme of missing someone is very favorable to me, obviously. T__T Anyway... that's all I've got to say. XD

<p>Anyway, enough of all that stuff~ This is where your <b>main content</b> will go (obviously). Fill up as much or as little as you want! XD It's all up to you! Please do not alter the images/layout in any way. And it goes without saying: <b>do NOT remove the credit</b>. 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. ^^ I think you'd need some basic knowledge of html and css 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.... <b>compatible in FF and IE.</b> (I know there are some little glitches when you view the layout in IE (hint: the flickering nav), but it's beyond my patience and skills to repair them all. -__-") Therefore, it's best viewed in Mozilla Firefox. Oh, and it works in all resolutions too. :) Hope you enjoy it!</p>

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

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

</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

To Gothicpopidol:

Black screen? Hmm I don't know how it looks in browsers other than FF and IE, sorry. =/ I don't think the music code has anything to do with that... but you could try removing it and see if the people can load the page now. :o

By dreamgurl36 on Oct 13, 2008 10:41 am

I'm having problems like 2 out of 5 people cant load it and it only appears that it's a Black screen? I can see it find on mine and I have FF is it because they dont update? In Netscape it says Security Violation? I just added music code could that be also a problem?

By Gothicpopidol on Oct 12, 2008 11:31 pm

Please make a myspace version of this! I love it!!

By xmissxmorgue on Oct 8, 2008 6:07 pm

Layout Details

Designer	dreamgurl36
Submitted on	Oct 8, 2008
Page views	8,570
Favorites	51
Comments	3
Reviewer	schizo
Approved on	Oct 8, 2008

And You Don't Know...

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates