Right Here Waiting

Designer's Comments

Look carefully for specific instructions

Comment if used! I'd like to know if there are people who actually use my layouts haha.

I tried experimenting with something new in the nav this time by using classes on the links. Well I finally got the colors to appear. Glad it worked out right. :P

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. (works best in 1200 x 800)

Oh, pls check out my little website. :)
---------------------
Images:
StockXchange
Brushes:
DeanDesign
Mynymyr
Ego-Box

Layout Code

Copy and paste to Template HTML

Help

<title>» Right Here Waiting «</title>

#content A, A:link, A:visited { text-decoration: none; color:#b88f67; cursor: crosshair; font-family: verdana; text-transform: uppercase; font-size: 7pt; border-bottom: 1px dashed #f3bea2;}
#content A:hover { text-decoration:none; color:#f37c7c; cursor: crosshair; font-family: verdana; text-transform: uppercase; font-size: 7pt; border-bottom: 2px solid #f3e496; font-weight: bold;}

b {font-weight: bold; color: #69b46c;}
i {font-style: italic; color: #5a8db4;}
u {text-decoration: underline; color: #be98e1; border-bottom: 1px dotted #a994bb;}

.blue {background-color: #d4e8f6;}
.pink {background-color: #f3d6df;}
.green {background-color: #cce8cd;}
.purple {background-color: #e8d6fc;}
.cream {background-color: #ede0c8;}
.gray {background-color: #dcdcdc;}

#navigation A { display:block; font-family: tahoma; text-decoration: none; padding:1px; cursor: ne-resize; text-align: center; border-bottom: 1px solid #e5ffd9; text-transform: uppercase;}
#navigation A:link, A:visited { text-decoration: none;  color:#8a8a8a;}
#navigation A:hover { text-decoration:none; color:#fff; background-color:#a8a8a8; font-weight: bold;}

body {
	background: #b2d1ab;
	text-align: center;
   	min-width: 700px;
}

div.wrapper {
  	 text-align: left;
  	 margin-left: auto;
  	 margin-right: auto;
}
#container {
	background: url(http://cbimg9.com/layouts/08/06/27994aa.jpg) repeat-y; 
	width: 710px; 
	margin: 0 auto;}

#header1 {width: 710px; height: 100px; background: url(http://cbimg9.com/layouts/08/06/27994ab.jpg) no-repeat;}
#header2 {width: 710px; height: 100px; background: url(http://cbimg9.com/layouts/08/06/27994ac.jpg) no-repeat;}
#header3 {width: 710px; height: 100px; background: url(http://cbimg9.com/layouts/08/06/27994ad.jpg) no-repeat;}
#header4 {width: 710px; height: 100px; background: url(http://cbimg9.com/layouts/08/06/27994ae.jpg) no-repeat;}
#header5 {width: 710px; height: 100px; background: url(http://cbimg9.com/layouts/08/06/27994af.jpg) no-repeat;}
#header6 {width: 710px; height: 74px; background: url(http://cbimg9.com/layouts/08/06/27994ag.jpg) no-repeat;}

#footer {
	clear: both;
	height: 72px;
	background: url(http://cbimg9.com/layouts/08/06/27994ah.jpg) no-repeat;
}
#content {
	width: 445px;
	float: left;
	margin-top: -30px;
	margin-left: 27px;
	text-align: center;
	_margin-top: -15px;
}
#navigation {
	width: 180px;
	float: left;
	text-align: center;
	margin-top: -20px;
	margin-left: 41px;
	_margin-top: 0px;
}
#zone1 {    /* imagemap @ header*/
float: left;
width : 130px;
height: 25px;
margin-left: 177px;
margin-top: 40px;
text-decoration: none;
border: none;
cursor: help;
}
body {
scrollbar-base-color: #93beb2; scrollbar-track-color: #b2d1ab; scrollbar-shadow-color: #b2d1ab; scrollbar-darkshadow-color: #b2d1ab; scrollbar-highlight-color: #b2d1ab; scrollbar-arrow-color: #fff; scrollbar-3dlight-color: #b2d1ab;
color:#72937f;font-family: tahoma; font-size: 11px; line-height: 17px;}

h1 { display: block; margin-left: auto; margin-right: auto; font-style: italic; font-weight: normal; font-family: georgia; font-size: 16pt; text-align: center; word-spacing: 2px; color: #d49e86; height: 22px; margin-bottom: -5px; _margin-bottom: -15px;}
h2 { display: block; margin-left: auto; margin-right: auto; font-style: italic; font-weight: normal; font-family: georgia; font-size: 15pt; text-align: center; word-spacing: 1px; color: #e08b91; margin-bottom: 8px; _margin-bottom: 5px;}

</style></head>
<body>
<div id="container">
<div id="header1"></div><div id="header2"></div><div id="header3"></div><div id="header4"></div><div id="header5"></div><div id="header6"></div>
<div class="wrapper">

<h1>Right Here Waiting For You</h1>

<p>Of course, the hardest part for this layout was putting the banner together, but it also turned out to be my favorite part. I first came across the image of the girl with the tree on <a href="http://www.sxc.hu">StockXchange</a> and decided to make a layout out of it. I then added floral silhouette brushes and finally, put in the dreamy kiss image in the sky. Well, the very last part was adding the text and putting the whole layout together. I'm pretty satisfied with the outcome. :)</p>

<p>Anyway... enough of my prattling. >o< 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 change 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 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, compatible in both browsers. ^^

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

<h1>Styling Your Text</h1>

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

<h2>Title Here</h2>

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>Navigation</h2>

<a href="#" class="blue">Home</a>
<a href="#" class="pink">Visitor Content</a>
<a href="#" class="green">About The Site</a>
<a href="#" class="cream">About Me</a>
<a href="#" class="purple">Affiliates</a>

<h2>More Links?</h2>

<h2>Credits</h2>

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

Layout Comments

Showing latest 9 of 9 comments

Used this; I absolutely love it.

By kathleenyellowx on Apr 13, 2009 5:41 pm

AiiMaiiGawsh. (Lolwtf.)

This is so pretty. It looks really peaceful and really sweet and calm. Me gusta.

But the only thing I'm not too crazy about is how the navigation thingies are all colorful.

Otherwise, it's beautiful.

By Eww on Jun 14, 2008 1:21 pm

I love it. Awesome Job!

By Anwen on Jun 3, 2008 7:36 pm

Gorgeous!!! Love it :)

By anzbex on Jun 3, 2008 6:31 pm

Oooh, such pretty colors :D I love this layout - such a pretty concept.

By IzzyGrace on Jun 1, 2008 10:17 pm

Wonderful. I really like this.

By Synesthesia on Jun 1, 2008 9:47 pm

loveeeeeeee it! :]
great job!

By erikamarielovesyou on Jun 1, 2008 8:10 pm

Awesome! I like the colors a lot.

By livwho on Jun 1, 2008 7:54 pm

Awww this is pretty! I JUST saw this picture at stock exchange and was wondering how I could do a design with it, but nothing ever worked out. You did a great job! I like the quotes and titles and such, they go nice with the image.

By CapCaDancer on Jun 1, 2008 4:50 pm