Monokuro Boo!

Designer's Comments

Look carefully for specific instructions

Monokuro Boo! ;D Cute, huh?

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
Stationery scans from smilescan.net.

Layout Code

Copy and paste to Template HTML

Help

<title>Monokuro Boo!</title>

b {font-weight: strong; color: #ca7590;}
u {text-decoration: underline; border-bottom: 2px solid #899763; color: #c98279;}
i {font-style: italic; color: #9373ab; font-weight: bold;}
s {text-decoration: none; font-weight: bold; color: #c35b7e;}
p {margin: 0; margin-bottom: 8px;}

#content A:link, #content A:visited, #update A:link, #update A:visited { text-decoration: none;  color:#69a8c2; cursor: crosshair; font-family: arial;  font-weight: bold; border-bottom: 1px dashed #c6c6c6;}
#content A:hover, #update A:hover { text-decoration:none; color:#3b7b94; cursor: crosshair; font-family: arial; border-bottom: none;border-bottom: 1px dashed #d8d8d8;}

#navi A, #navi A:link, #navi A:visited { display:block; cursor: crosshair; margin:1px; margin-left:1px; margin-right:1px; ; padding:1px; letter-spacing: 1px; text-decoration:none; color:#71b5d1; font-family: georgia; font-weight: bold; text-align: right; font-size: 12px; border-bottom: 1px solid transparent; border-left: 20px solid transparent; padding-right: 5px;}
#navi A:hover { cursor: crosshair; text-decoration:none; color:#d2b972; border-left: 20px solid #080811; background-color: #140d11; border-bottom: 1px solid #511035;}

body {
background-color:#000;
margin:0px;
text-align: justify;
min-width: 778px;
background-image:url(http://cbimg9.com/layouts/08/11/32601ag.jpg); background-repeat:repeat-y;
font-family:tahoma, arial; font-size: 11px; line-height: 16px;}

#content {width:375px; position:absolute; left:130px; top:290px; _top: 285px; color:#7b7b7b; }

#navi {width:160px; position:absolute; left:522px; top:357px; color: #a295de; _color: #aba5b4; text-align: justify;}

#update {width: 260px; height: 95px; position: absolute; left: 129px; top: 152px; overflow: hidden; line-height: 1.7; color: #3d3639;}

h1 { display: block; width: 120%: font-family: "century gothic"; font-size: 15px; font-weight: bold; height: 14px; text-align: center; color: #362049; margin: 0; margin-bottom: 4px; margin-top: -5px; background-color: #8fcce5; border-bottom: 3px solid #eaddc5; _padding-top: 3px;}
h2 { display: block; margin-left: 1px; font-size: 16px; height: 17px; text-align: center; color: #e497c7; font-weight: bold; padding-right: 2px; margin: 0; margin-bottom: 4px; background-color: #000; border-bottom: 3px solid #121b12;}

</style></head>
<BODY BGCOLOR="#000" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=778 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR><TD><IMG SRC="http://cbimg9.com/layouts/08/11/32601aa.jpg" WIDTH=778 HEIGHT=116 ALT="" usemap="#Map" BORDER="0"></TD></TR>
	<TR><TD><IMG SRC="http://cbimg9.com/layouts/08/11/32601ab.jpg" WIDTH=778 HEIGHT=84 ALT=""></TD></TR>
	<TR><TD><IMG SRC="http://cbimg9.com/layouts/08/11/32601ac.jpg" WIDTH=778 HEIGHT=100 ALT=""></TD></TR>
	<TR><TD><IMG SRC="http://cbimg9.com/layouts/08/11/32601ad.jpg" WIDTH=778 HEIGHT=100 ALT=""></TD></TR>
	<TR><TD><IMG SRC="http://cbimg9.com/layouts/08/11/32601ae.jpg" WIDTH=778 HEIGHT=100 ALT=""></TD></TR>
	<TR><TD><IMG SRC="http://cbimg9.com/layouts/08/11/32601af.jpg" WIDTH=778 HEIGHT=99 ALT=""></TD></TR>
</TABLE>
<map name="Map">
  <area shape="poly" coords="307,96, 419,76, 422,96, 309,115" href="http://dreamgurl36.createblog.com" target="_blank" alt="Designed & Coded by dreamgurl36" title="Designed by dreamgurl36">
</map>
<body>

<div id="update">
<s>November 18</s>: made a cute Monokuro Boo layout<br>
<s>November 17</s>: updated the <a href="#">affiliates</a> in website<br>
<s>November 16</s>: added more resources in the content<br>
<s>November 15</s>: completed a site button for linkage<br>
<s>November 14</s>: added things to deviantart gallery<br>

</div>

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

<p>Wow, I'm <b>really</b> pleased with how this layout turned out. I started with just a bunch of colorful stripes and then I added one element after another... creating this super kawaii <i>Monokuro Boo</i> layout! *O* The update box is really cute too, isn't it? Ah... one of my nicest works, in my opinion. Plus, it's different from my usual <u>style</u> too! :) Had a lot of fun making this... just shows what you can do when you "<i>think outside of the box</i>". Which I don't do too often. :P</p>

<p>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 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 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 <u>HTML and CSS</u> 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>

<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 <b>both</b> browsers. ^^ Oh, and it works in <i>all resolutions</i> too. :) Hope you enjoy it!</p>

<br><h1>Header Title Goes Here</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>
<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>

<br><h1>Header Title Goes Here</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

</div>

<h2>About Me?</h2>

You can talk about random stuff here... I dunno. Short introduction of your site? Or yourself? Maybe write about your latest site updates. Or put some pictures here (but the width of the picture shouldn't exceed 160 pixels). Well, you decide. =)<br>

<br><h2>Navigation</h2>

<a href="#">Home</a>
<a href="#">Visitor Content</a>
<a href="#">Guestbook</a>
<a href="#">About The Site</a>
<a href="#">Webmistress</a>
<a href="#">Affiliates</a>
<a href="#">Links Out</a>

<br><h2>Credits</h2>

<center>Layout By:<a href="http://dreamgurl36.createblog.com" target="_blank"> dreamgurl36</a></center>

</div>

</body>
</html>