you do things differently on the catwalk

Designer's Comments

Look carefully for specific instructions

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.

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>you do things differently on the catwalk</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

body	{
	background-color: #2b2d39;
	}

h1	{
	font-family: "Times New Roman";
	font-size: 20px;
	color: #a3beb7;
	text-indent: 20px;
	letter-spacing: 3px;
	}

h1 a:link, h1 a:visited {
		color: #a3beb7;
		}

h1 a:hover, h1 a:active {
		color: #a3beb7;
		}

h2	{
	font-family: Georgia;
	font-size: 9px;
	text-transform: lowercase;
	font-weight: normal;
	text-indent: 35px;
	color: #a72233;
	letter-spacing: 1px;
	}

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

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

b, i	{
	font-family: Georgia;
	color: #f3a3ae;
	}

u	{
	color: #f3a3ae;
	border-bottom: 1px dashed #d46877;
	font-family: Georgia;
	}

big	{
	font-family: Georgia;
	color: #f3a3ae;
	line-height: 100%;
	}

small, sup, sub {
	font-family: "Times New Roman";
	color: #a72233;
	}

#wrap	{
	width: 550px;
	height: auto;
	margin: 0 auto;
	background-color: #69121c;
	}
/*
	border-width: 0 5px 0 5px;
	border-style: solid;
	border-color: #f6e32d;
*/

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

.name	{
	float: left;
	width: 475px;
	overflow: hidden;
	margin: 75px auto 0 25px;
	padding: 5px 5px 5px 20px;
	text-align: center;
	font-family: Georgia;
	font-weight: normal;
	font-size: 20px;
	color: #2b2d39;
	display: block;
	text-transform: uppercase;
	line-height: 8px;
	letter-spacing: 7px;
	}

.nav	{
	float: left;
	width: 490px;
	margin: 0 0 0 25px;
	padding: 5px;
	text-align: right;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(http://cbimg6.com/layouts/09/03/34240ab.png) center repeat;
	}

.nav a:link, .nav a:visited {
		margin: 0;
		padding: 5px;
		font-family: Georgia;
		font-size: 9px;
		color: #8a1120;
		letter-spacing: 2px;
		}

.nav a:hover, .nav a:active {
		color: #2b2d39;
		}

#main	{
	width: 470px;
	height: auto;
	padding: 20px 40px 20px 40px;
	font-family: "Times New Roman";
	font-size: 11px;
	color: #8e8e8e;
	text-align: justify;
	letter-spacing: 1px;
	line-height: 180%;
	}

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

#main p a:link, #main p a:visited {
				color: #a3beb7;
				padding: 2px;
				text-decoration: none;
				font-family: "Times New Roman";
				font-weight: bold;
				}

#main p a:hover, #main p a:active {
				background-color: #2b2d39;
				}

#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: Georgia;
	font-size: 10px;
	color: #a72233;
	text-align: center;
	letter-spacing: 1px;
	}

#footer a:link, #footer a:visited {
	font-family: "Times New Roman";
		font-size: 10px;
		color: #a72233;
		border-bottom: 1px dotted #a72233;
		}

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

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

blockquote {
	width: 90%;
	background: transparent url('http://cbimg6.com/layouts/09/03/34240ac.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/34240ad.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>Oh like the salt of the earth  //  each correction makes us stronger  //  absconder in happiness, yeah  //  voyage up my river  //  full of tears it's yerking  //  lookout now, doctor's unleashing...</p>
		</blockquote>

<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 30th 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.</h2>

<ul>
			<li>Redistribute and die.</li>

<li>Leave the credit link.</li>
			<li>Do not alter the stylesheet.</li>
			<li>That is all.</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 8 of 8 comments

@Seoultek I'm sorry to say that I can't help you, because it's not a layout that was coded for MySpace. It's a website template, so the coding isn't compatible with MySpace unless someone sets it up to be. If you can get someone else to recode it for MySpace, by all means go ahead (just let me know first), but I'm really too lazy to redo it haha. Sorry!

By HeartOfPandora on Jun 30, 2009 10:37 pm

maybe i'm just dumb, but when i try to place this in my css, it doesn't do anything!

New to myspace 2.0 and html. so please help me out! Thanks!

By seoultek on Jun 29, 2009 10:38 pm

i like the stytle

By zongyanning on Apr 21, 2009 4:55 am

love it, i'd like to use it! X)

By msbig1 on Mar 31, 2009 3:20 pm

Another great layout. Though, with the rise of 2.0 layouts, the wider the layout, the better. Maybe adding a sidebar to your layouts wouldn't be bad, maybe a detached sidebar with the same colors as the main page broken up into different categories for the person to format them however they wish wouldn't be a bad idea.

By Medi on Mar 31, 2009 1:39 pm

Very pretty.
Love the colors and the image.

By Eww on Mar 30, 2009 10:39 pm

This one also.
Love the colors. C:

By so-sarcastic on Mar 30, 2009 6:17 pm

I love this..i'm a fashion major so this is PeRfEcT :)

By shortstuf3411 on Mar 30, 2009 5:51 pm

Layout Details

Designer	HeartOfPandora
Submitted on	Mar 30, 2009
Page views	5,863
Favorites	27
Comments	8
Reviewer	interpretation
Approved on	Mar 30, 2009

you do things differently on the catwalk

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates