A Dream Is A Wish...

Designer's Comments

Look carefully for specific instructions

It is truly a pain to make this type of layout work perfectly in both FF and IE... x__x

Please do not alter the images in any way and leave the credits as they are. DO NOT REMOVE THE CREDIT. But you may 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. :)

Enjoy~

Layout Code

Copy and paste to Template HTML

Help

<title>.: [A Dream Is A Wish...] :.</title>

#content A:link { text-decoration: none;  color:#ff739f; cursor: crosshair; background-color: #ffe6ea; font-family: verdana; text-transform: uppercase; font-size: 7pt;}
#content A:visited { text-decoration: none; color:#ff739f; cursor: crosshair; background-color: #ffe6ea; font-family: verdana; text-transform: uppercase; font-size: 7pt;}
#content A:hover { text-decoration:none; color:#fff; cursor: crosshair; background-color: #fcb5cb; font-family: verdana; text-transform: uppercase; font-size: 7pt;}

b {font-weight: bold; color: #7ad977;}
i {font-style: italic; color: #5aa7d6;}
u {text-decoration: none; color: #f99884; border-bottom: 1px dashed #f98c8e;}

#navigation A { display:block; background-color: fbf8f3; font-family: Lucida Sans Unicode; border-right:1px dashed #ffa771; border-left:1px dashed #ffa771; border-bottom:1px dotted #ffafcb; padding:1px; cursor: crosshair; text-align: center;}
#navigation A:link { text-decoration: none;  color:#ff8aab;}
#navigation A:visited { text-decoration: none; color:#ff8aab;}
#navigation A:hover { text-decoration:none; color:#fff; font-weight: bold; background-color:#b4e8ac; text-align: center; letter-spacing: 0px; text-transform: uppercase; border: 1px dashed #7ac66f;}

body {
	background: #d1e6ff;
	text-align: center;
   	min-width: 800px;
}

div.wrapper {
  	 text-align: left;
  	 margin-left: auto;
  	 margin-right: auto;
}
#container {
	background: url(http://cbimg6.com/layouts/08/03/24/26426ab.jpg) repeat-y;
	width: 800px;
	margin: 0 auto;
}
#header {
	height: 474px;
	background: url(http://cbimg6.com/layouts/08/03/24/26426ac.jpg) no-repeat;
}
#footer {
	background: url(http://cbimg6.com/layouts/08/03/24/26426ad.jpg) no-repeat;
	height: 38px; 
	clear: both;
	text-align: center;
}
#content {
	width: 345px;
	float: left;
	margin-top: -90px;
	margin-left: 0px;
	padding-left: 20px;
	text-align: justify;
	_width: 385px;
	_padding-left: 50px;
	_margin-top: -80px;
	_margin-left: -20px;
}
#navigation {
	width: 180px;
	float: left;
	text-align: center;
	margin-top: -90px;
	padding-left: 125px;
	_padding-left: -120px;
	_margin-left: 8px;
	_width: 300px;
	_margin-top: -80px;
}
#zone1 {    /* imagemap @ header*/
float: left;
width : 93px;
height: 17px;
margin-left: 588px;
margin-top: 347px;
}
#zone2 {    /* imagemap @ footer*/
float: left;
width : 229px;
height: 17px;
margin-left: 285px;
margin-top: 3px;
}
body {
scrollbar-base-color: #bedafd;scrollbar-track-color: #d0e4fd;scrollbar-shadow-color: #d0e4fd;scrollbar-darkshadow-color: #fff;scrollbar-highlight-color: #d0e4fd;scrollbar-arrow-color: #fff;scrollbar-3dlight-color: #fff;
color:#b68cb7;font-family: arial; font-size: 10pt; line-height: 1.3;}

h1 { display: block; margin-left: auto; margin-right: auto; font-style: italic; font-weight: bold; letter-spacing: -1px; font-family: arial; font-size: 14pt; text-align: right; word-spacing: 2px; color: #e8a7f3; border-bottom: 3px solid #fbcef5; height: 22px;}
h2 { display: block; margin-left: auto; margin-right: auto; font-style: italic; font-weight: normal; letter-spacing: 0px; font-family: century; font-size: 15pt; text-align: center; word-spacing: 1px; color: #8ab9d7; border-bottom: 3px solid #c4f0ca; height: 23px;}

</style></head>
<body>
<div id="container">
<div id="header">
<a id="zone1" href="http://dreamgurl36.createblog.com" title="Designed By: dreamgurl36"></a>
</div>
<div class="wrapper">

<h2>Title Here</h2>
<img src="http://cbimg6.com/layouts/08/03/24/26426aa.jpg" border="0">

This is where you can put whatever text you want! Some stuff about yourself, or about your site... anything you want.
Or you could delete this and just have your navigation with all the links. It's up to you to have it the way you want.

<h2>Section 1</h2>

<h2>Section 2</h2>

<h2>Credits</h2>

Layout By:<a href="http://dreamgurl36.createblog.com" target="_blank"> dreamgurl36</a>
Images From:<a href="http://www.ayumi-hamasaki.org" target="_blank">Ayumi-Hamasaki.org</a>
Brushes From: <a href="http://deandesign.pl" target="_blank">Dean Design</a>
</div>

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

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

<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.... <u>compatible in both browsers</u>. ^^

<p>Oh, and it works in all resolutions too. :) Hope you enjoy it!</p>

<p><center><a href="#">link example</a><br>
                 <b>bold text</b></br>
                 <i>italic text</i></br>
                 <u>underlined text</u></br></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>

Layout Comments

Showing latest 2 of 2 comments

My fav. too(:

By theerinkal on May 30, 2009 4:54 pm

My favourite!

By Satsako on Feb 16, 2009 9:04 pm

Layout Details

Designer	dreamgurl36
Submitted on	Mar 24, 2008
Page views	3,187
Favorites	14
Comments	2
Reviewer	Relentless
Approved on	Mar 24, 2008

A Dream Is A Wish...

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates