Monochromic Romance

Designer's Comments

Look carefully for specific instructions

The girl is from an anime/manga/game called Monochrome.

Please do not alter the images in any way and leave the credits as they are. DO NOT REMOVE THE CREDIT.

Edit the navigation/content/etc as you want.

Tested in Firefox and Internet Explorer.

Should work in most screen resolutions.

Oh, pls check out my little website. :)

Enjoy!

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Monochromic Romance</title>

<style>

.head { display: block;
	background-color: #f4cf68;
	border-top: 1px dashed #c02a10; 
	border-bottom: 1px dashed #c02a10;
	font-size: 18px;
	font-style: italic;
	height: 24px;
	text-align: left;
	letter-spacing: 3px;
	color: #a2190b;
	margin: 0;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 15px;

</style>
<style>

.menu {
	position: absolute;
	left: 280px;
	top: 115px;
	margin: 0px;
	padding: 0px;
	color: #000;
	list-style: none;
}
.menu li {
	padding: 9px 9px 0px 0px;
	margin: 0px;
}
.menu li a, .menu li a:visited {
	margin: 0px;
	padding: 3px 3px;
	color: #000;
	display: block;
	border: #c3190e 1px solid;
	background: #ef8575;
	text-decoration: none;
}
.menu li a:hover {
	color: #fca597;
	background: #c3190e;
	border: #f88a2a 1px solid;
}

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

</head>

<body>

<div style="position: absolute; left: 300px; top: 170px; width: 410px; height: 350px; overflow: auto; scrollbar-track-color:#f4cf68; scrollbar-face-color:#c02a10; scrollbar-shadow-color:#c02a10; scrollbar-highlight-color:#c02a10; scrollbar-arrow-color:#f4cf68; scrollbar-darkshadow-color:#f4cf68; scrollbar-3dlight-color:#f4cf68;">
<span class="head">Header Title Goes Here</span>
<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><span class="head">Header Title Goes Here</span></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</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</p>

</div>

<ul class="menu">
	<li><a href="#">Link Here</a></li>
	<li><a href="#">Link Here</a></li>
	<li><a href="#">Link Here</a></li>
	<li><a href="#">Link Here</a></li>
	<li><a href="#">Link Here</a></li>
	<li><a href="http://dreamgurl36.createblog.com" target="_blank">Credit</a></li>
</ul>
<div style="position: absolute; left: 370px; top: 560px; width: 410px; height: 380px; color: #fff;">

Layout By : <a href="http://dreamgurl36.createblog.com" target="_blank">dreamgurl36</a> || Image From: <a href="http://www.beloved-melody.org" target="_blank">Beloved Melody</a>

</div>
<div id="footer">

</div>

</body>
</html>

Layout Comments

Showing latest 10 of 15 comments

when i copy the code and i typed something for a welcome to my page... and it scooted all my words to the girl i can't see her lips or hands but when i preview looks fine but i really want it to be perfect

By true-lover-of-nature on Nov 12, 2009 11:41 pm

nice! Can you make this one on myspace? :3

By PandaShiori on Jul 5, 2009 1:15 pm

wonderful layout. I really like this one and of course, all your layouts. =]

By wordstoasong on Nov 19, 2008 10:53 am

love love love!
Do you take requests?

By OkashiiKawaii on Mar 4, 2008 10:24 pm

i used this layout on my quizilla homepage! I love it! can someone just tell how to edit the title thing and stuff so ican write wut i want? lol :)

By Akari-chan1333 on Jan 18, 2008 8:33 pm

nevermind, too much of the code isnt supported for myspace

By heyo-captain-jack on Jan 6, 2008 1:26 am

actually im going to alter the code so it works for myspace

By heyo-captain-jack on Jan 6, 2008 1:15 am

could you make this as a myspace layout?
i love this one

By heyo-captain-jack on Jan 6, 2008 1:04 am

This is awesome!

By DelicateLove on Nov 13, 2007 5:41 pm

good..
^^

By aliasasuke92 on Oct 7, 2007 12:14 am

View all »

Layout Details

Designer	dreamgurl36
Submitted on	Oct 6, 2007
Page views	10,151
Favorites	71
Comments	15
Reviewer	IVIike
Approved on	Oct 6, 2007

Monochromic Romance

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates