Fuchsia Fusion!

Designer's Comments

Look carefully for specific instructions

ft. Alexis Bledel. Added textures and brushes. Did some coloring. =) And yeah, it might not quite be "fuchsia"... but inspiration for that name just came out of nowhere while I was doing the layout hahaha.

Please do not alter the images in any way and leave the credits as they are. 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.

Oh, pls check out my little website. :)
---------------------
Image:
Last Beautiful Girl
Resources Used (textures, brushes):
AppendixSquared
Ego-Box
PaperCuts

Layout Code

Copy and paste to Template HTML

Help

<title>Fuchsia Fusion!</title>

b {font-weight: strong; color: #b77de1;}
u {text-decoration: underline; border-bottom: 2px solid #f3d877; color: #e77262;}
i {font-style: italic; color: #f294b4; font-weight: bold;}

#content A:link { text-decoration: none;  color:#7dda7e; cursor: help; font-family: arial; font-weight: bold; border-bottom: 1px dashed #c6c6c6;}
#content A:visited { text-decoration: none; color:#7dda7e; cursor: help; font-family: arial; font-weight: bold; border-bottom: 1px dashed #c6c6c6;}
#content A:hover { text-decoration:none; color:#9ba5f0; cursor: help; font-family: arial; border-bottom: 3px double #c6ffb8; }

#navi A { display:block; margin:1px; margin-left:1px; margin-right:1px; ; padding:1px; letter-spacing: 1px; cursor: help; font-weight: bold; border-bottom: 1px dotted #cfd4e7;}
#navi A:link { text-decoration: none;  color:#85a8bd; background-color: #none; text-align: center; font-weight: bold;}
#navi A:visited { text-decoration: none; color:#85a8bd; background-color: #none; text-align: center; }
#navi A:hover { text-decoration:none; color:#fff; font-family: arial; background-color:#f97fa6; font-weight: bold; text-align: center; border: none;}

body {
background-color:#d1e1db;
scrollbar-base-color: #d1e1db;
scrollbar-track-color: #d1e1db;
scrollbar-highlight-color: #d1e1db;
scrollbar-shadow-color: #d1e1db;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #efb8b8;
scrollbar-arrow-color: #fff;
margin:0px;
text-align: justify;
background-image:url(http://cbimg9.com/layouts/08/05/02/27258ag.jpg); background-repeat:repeat-y;
font-family:tahoma, arial; font-size: 11px; line-height: 16px;}

#content {width:510px; position:absolute; left:10px; top:420px; _top: 430px; color:#666666; }

#navi {width:180px; position:absolute; left:545px; top:380px; _top: 390px; color: #a68eb1; }

h1 { display: block; font-size: 16px; height: 20px; text-align: center;color: #f97fa6; margin-bottom: -10px; padding-top: 10px; font-weight: bold; border-bottom: 2px dashed #a9fada;}
h2 { display: block; font-size: 16px; height: 18px; text-align: center; color: #b673bb; border-bottom: 2px dotted #cbd1e3; font-weight: bold; padding-bottom: 2px;}

</style></head>
<BODY BGCOLOR="#d1e1db" 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/05/02/27258aa.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/05/02/27258ab.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/05/02/27258ac.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
<TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/05/02/27258ad.jpg" WIDTH=800 HEIGHT=100 ALT="" usemap="#Map" BORDER="0"></TD>
	</TR>
		<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/05/02/27258ae.jpg" WIDTH=800 HEIGHT=100 ALT=""></TD>
	</TR>
				<TD>
			<IMG SRC="http://cbimg9.com/layouts/08/05/02/27258af.jpg" WIDTH=800 HEIGHT=82 ALT=""></TD>
	</TR>
</TABLE>
<map name="Map">
  <area shape="rect" coords="588,59,736,80" href="http://dreamgurl36.createblog.com" target="_blank" alt="Designed by dreamgurl36" title="Designed by dreamgurl36">
</map>
<body>

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

<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!</p>

<p>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. ^^

<p>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>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. ^^

<p>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="#" target="_blank">This is a link</a>
</center></p>

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

</div>

<h2>Section 1</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 180 px). Well you decide. =)

<h2>Section 2</h2>

<a href="page2.html">Visitor Content</a>

<a href="page3.html">Guestbook</a>

<a href="page4.html">About The Site</a>

<a href="page5.html">Webmistress</a>

<a href="page5.html">Affiliates</a>

<a href="page5.html">Links Out</a>

<h2>Credits</h2>

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

</center>
</div>
</body>
</html>

Layout Comments

Showing latest 4 of 4 comments

Hahaha!!! Wow I didn't realize until you mentioned it! I know it sounds strange that I don't remember what fonts I used on my previous layout(s). Lol.

And thanks everyone for your comments. =)

By dreamgurl36 on May 3, 2008 4:00 am

this is so pretty!!!!
i love the blending of the pictures!!!
omg!!! =)

By na-nancy on May 2, 2008 5:41 pm

i see you like that font. the layout is really nice. :]

By Christy on May 2, 2008 5:37 pm

This is pretty. Really nice job with the banner blending! Alexix looks even cuter than usual. The layout colors are soft and work well together.

By tokyo-rose on May 2, 2008 4:52 pm

Layout Details

Designer	dreamgurl36
Submitted on	May 2, 2008
Page views	6,656
Favorites	25
Comments	4
Reviewer	Synesthesia
Approved on	May 2, 2008

Fuchsia Fusion!

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates