pages whispering on my fingertips

Designer's Comments

Look carefully for specific instructions

BLOGGER AND MYSPACE VERSIONS CURRENTLY IN PROGRESS.

Remember to separate the CSS from the template!
Please read the comments within the template preview if you're interested in using this! Danke schön!
If you have any sort of professionalism you'll leave the teeny little credit link.

Edit: wow I never thought I'd get so many e-mails about this template! If you're interested in this style and would like something custom made, you can contact me at designbypandora [at] live [dot] com but please remember, I don't do free commissions!

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>pages whispering on my fingertips</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

*	{
	margin: 0;
	padding: 0;
	cursor: default;
	text-decoration: none;
	}

body	{
	background-color: #b1ac8a;
	}

h1	{
	font-family: georgia;
	font-size: 18px;
	color: #694b41;
	text-indent: 20px;
	letter-spacing: 3px;
	}

h1 a:link, h1 a:visited {
		color: #694b41;
		}

h1 a:hover, h1 a:active {
		color: #1f1c25;
		}

h2	{
	font-family: arial;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 35px;
	color: #aeacb2;
	letter-spacing: 1px;
	}

h2 a:link, h2 a:visited {
		color: #aeacb2;
		border-bottom: 1px dotted #aeacb2;
		}

h2 a:hover, h2 a:active {
		border-bottom: 1px solid #aeacb2;
		}

b	{
	font-family: georgia;
	color: #3c3644;
	}

i	{
	color: #3c3644;
	font-family: georgia;
	}

u	{
	color: #3c3644;
	border-bottom: 1px dashed #3c3644;
	font-family: georgia;
	}

big	{
	font-family: georgia;
	color: #3c3644;
	font-family: georgia;
	line-height: 100%;
	}

small, sup, sub {
	font-family: georgia;
	color: #aeacb2;
	}

#wrap	{
	width: 550px;
	height: auto;
	margin: 0 auto;
	background-color: #d4dab8;
	}

#header {
	width: 550px;
	height: 375px;
	background: transparent url('http://cbimg6.com/layouts/09/03/34241aa.png') top left no-repeat;
	}

.name	{
	float: left;
	width: 350px;
	height: 30px;
	overflow: hidden;
	margin: 315px 0 0 25px;
	padding: 5px 5px 5px 20px;
	text-align: left;
	font-family: georgia;
	font-weight: bold;
	font-size: 18px;
	color: #1f1c25;
	background: transparent url('http://cbimg6.com/layouts/09/03/34241ab.png') top left repeat-y;
	display: block;
	text-transform: lowercase;
	line-height: 30px;
	letter-spacing: 3px;
	}

.nav	{
	float: left;
	width: 125px;
	height: 275px;
	margin: 75px 0 0 0;
	text-align: right;
	line-height: 21px;
	text-transform: lowercase;
	}

.nav a:link, .nav a:visited {
		font-family: georgia;
		font-size: 10px;
		color: #694b41;
		letter-spacing: 2px;
		background: transparent url('http://cbimg6.com/layouts/09/03/34241ac.png') top right repeat-y;
		display: block;
		padding: 0 15px 0 0;
		margin: 0 0 5px 0;
		}

.nav a:hover, .nav a:active {
		color: #1f1c25;
		}

#main	{
	width: 470px;
	height: auto;
	padding: 20px 40px 20px 40px;
	font-family: Tahoma;
	font-size: 10px;
	color: #6f6c74;
	text-align: justify;
	line-height: 180%;
	}

#main p	{
			margin: 0 0 10px 0;
			}

#main p a:link, #main p a:visited {
				color: #694b41;
				text-decoration: none;
				border-bottom: 1px dotted #b1ac8a;
				font-family: georgia;
				font-weight: bold;
				}

#main p a:hover, #main p a:active {
				border-bottom: 1px solid #b1ac8a;
				}

#main p.cmnt {
				font-weight: bold;
				text-align: right;
				letter-spacing: 1px;
				}

#main li {
		margin: 0 0 0 10px;
		}

#main ul {
		margin: 0 0 0 10px;
		}

#main ul.rules {
		margin: 0;
		list-style: none;
		}

#main ul.rules li {
		margin: 0 0 10px 0;
		}

#footer {
	width: 470px;
	height: auto;
	padding: 0 40px 20px 40px;
	font-family: tahoma;
	font-size: 10px;
	color: #b1ac8a;
	text-align: center;
	letter-spacing: 1px;
	}

#footer a:link, #footer a:visited {
		font-family: tahoma;
		font-size: 10px;
		color: #b1ac8a;
		border-bottom: 1px dotted #b1ac8a;
		}

#footer a:hover, #footer a:active {
		color: #b1ac8a;
		border-bottom: 1px solid #b1ac8a;
		}

hr.break {
	height: 1px;
	width: 80%;
	margin: 15px auto 15px auto;
	color: #b1ac8a;
	background-color: #b1ac8a;
	border: none;
	}

blockquote {
	width: 90%;
	background: transparent url('http://cbimg6.com/layouts/09/03/34241ad.png') center repeat;
	margin: 5px auto 5px auto;
	}

span.bqh {
		display: block;
		text-transform: lowercase;
		font-family: georgia;
		font-size: 9px;
		background: transparent url('http://cbimg6.com/layouts/09/03/34241ae.png') center repeat;
		padding: 0 0 0 25px;
		letter-spacing: 3px;
		}

blockquote p {
		text-align: justify;
		padding: 5px 10px 5px 10px;
		}

</style>

</head>

<div id="header">
		<div class="name">
			something dot com
		</div>

<div class="nav">
			<a href="#">home</a>
			<a href="#">about</a>
			<a href="#">contact</a>

<a href="#">archives</a>
			<a href="#">feed</a>
		</div>
	</div>

<div id="main">
		<h1><a href="#">css examples</a></h1>
			<h2>optional sub heading, blog stats maybe?</h2>

<p><b>bold</b> <i>italic</i> <u>underline</u> <big>big</big> <a href="#">link</a>
		<small>small</small> <sup>sup</sup> <sub>sub</sub></p>

<blockquote>
			<span class="bqh">blockquote heading</span>
			<p>Watch angels in the morning become a devil's afternoon  //  I will panic in the evening underneath the crashing moon  //  So fall in love while you can still hold your head up high  //  and pretend that you're alive
again.</p>
		</blockquote>
		<hr class="break" />

<h1>hey!  you!  yeah you!</h1>
			<h2>posted on <a href="#">{date}</a> by <a href="#">{user}</a> under <a href="#">{cat1}</a>, <a href="#">{cat2}</a></h2>

<p>It's the 29th of March, two thousand and nine and I'd just like to thank you for taking an interest in this template.  I'm quite proud of it; really on the minimalist kick lately.  If you could be so kind as to leave my link in the footer I'd be especially glad to help you if you ever run into trouble.  If not, then I'm afraid I'm going to have to start watermarking things!</p>

<p>This template can easily be moved to fit FanUpdate!  If you'd like this template as a website popup or a MySpace 1.0 type and don't know how to do it, just say the word and I'll convert it.  If you'd like to move it elsewhere (Blogger, Xanga, etc) the most I ask of you is that you e-mail or PM me telling me you're going to.  If I see this on CB in another format and you didn't ask my permission first, I'll make sure you get banned.  :)</p>
		<p class="cmnt"><a href="#"># comment(s)</a></p>
		<hr class="break" />

<h1>Terms of Use</h1>
			<h2>violate and I shank you.  <3</h2>

<ul>
			<li>Redistribute and die.</li>
			<li>Leave the credit link.</li>
			<li>Do not alter the stylesheet.</li>
			<li>That is all.  :3</li>
		</ul>
	</div>

<div id="footer">
		<p>© year name etc | template by <a href="http://heartofpandora.com">Aerith</a> | valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>, <a href="http://validator.w3.org/check?uri=referer">XHTML</a></p>	</div>
</div>
</body>
</html>

Layout Comments

Showing latest 10 of 21 comments

god i love the photograph

By CuntBlog on Apr 24, 2010 5:32 pm

I like this and tried to us it on my Mibba page... Sadly mibba says no...pfft

By Harmony77uk on Dec 5, 2009 11:28 am

likee

By addict on Nov 19, 2009 7:13 pm

You obviously do great work. I am in the process of getting a domain for a community service project I am involved with. I would love it if you would make a layout for me, and I will make sure that you receive credit. Please feel free to send me an email! I would really appreciate it! Thanks!

Marissa
mg444@nau.edu

By mg444 on Oct 2, 2009 8:29 pm

I'd /love/ to have this as a myspace layout. I added you on msn so I could inquire about the code.

By FAIL on Sep 9, 2009 2:07 am

I would love to see this as a livejournal layout

By MidniteRae on Jun 1, 2009 3:07 pm

Creative :}

By v-smash on Apr 14, 2009 3:20 pm

I agree with the person who said this is classy. It's very classy, very simple and elegant. I love it.

By kathleenyellowx on Apr 13, 2009 5:01 pm

Oh my gosh, this is beautiful! Could you maybe make this a Myspace layout for 1.0?

By everlost on Apr 4, 2009 10:03 pm

Could you make this for Myspace please? :)

By Attack on Apr 1, 2009 8:52 pm

View all »

Layout Details

Designer	HeartOfPandora
Submitted on	Mar 30, 2009
Page views	11,877
Favorites	88
Comments	21
Reviewer	interpretation
Approved on	Mar 30, 2009

pages whispering on my fingertips

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates