Ghost World(DIV)

Designer's Comments

Look carefully for specific instructions

It Is Used And Viewed Well In Both Internet Explorer And Mozilla Firefox, Screen Resolution 1024x768. This Is A Div Layout,Which Means None Of Your Default Myspace Is Going To Show. All Of The Content In The Divs Is Optional (Including The Flash Player!).Insert Your Friend ID Where Ever Required. Oh And Just One More Thing,I Make All Of These Layouts Duh,And I Would Like For Them To Stay That Way,Lately There Have Been Users Making Their Own Designs From My Work,If You Use Any Of My Layouts,Don't Mess With The Overlay Image Or Image Mapping.Thanks.Also,DO NOT JOCK MY LAYOUTS OR CODES!. ___Ricky

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
a.accentuate{
	position:absolute;
	top:425px;
	left:26px;
	display:block;
	overflow:hidden;
	width:63px;
	height:37px!important;
	height:39px;
	background-color:transparent;
	z-index:5;
	visibility:visible;display:inline;
background:url(http://layouts.cbimg8.com/35/17500c.jpg)
 	top left no-repeat;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}
a.accentuate:hover{
	display:block;
	overflow:hidden;
	background-color:transparent;
	z-index:5;
	visibility:visible;display:inline;
background:url(http://layouts.cbimg8.com/35/17500c.jpg)
	bottom left no-repeat;
	filter:none;
	opacity:1;
	-moz-opacity:1;
}
.contacttable,.whitetext12,.nametext,.lightbluetext8,
.orangetext15,.blacktext12,.btext,.redtext,.redbtext,
div tr td form,.comments,td.text td.text table table{
	display:none;
	visibility:hidden;
	height:0px!important;
	padding:0px;
	margin:0px;
	float:none;
}
table,td,tr{
	height:0px;
	padding:0px;
	background-color:transparent;
	float:none;
}
table table table{
	height:0px;
	padding:0px;
	visibility:hidden;
	float:none;
}
table table,table table table table{
	background-color:transparent;
	border:0px!important;
	height:0px!important;
	float:none;
}
a.text,table div font a,.navbar font,tr td font{
	display:none;
	visibility:hidden;
	height:0px!important;
	float:none;
} 
body{
background-image:url(http://layouts.cbimg8.com/35/17500d.jpg);
	background-attachment:scroll;
	background-position:top left;
	background-repeat:repeat;
	cursor:default;
	background-color:CCC6C6;
	scrollbar-face-color:CCAD76;
	scrollbar-track-color:CCC6C6;
	scrollbar-arrow-color:CCAD76;
	scrollbar-shadow-color:CCC6C6;
	scrollbar-3dlight-color:636267;
	scrollbar-highlight-color:CCC6C6;
	scrollbar-darkshadow-color:CCC6C6;
	overflow-x:hidden;
}
a:active img,a:hover img,a:visited img,a:link img{
	cursor:default;
	border:0px!important;
}
font, td, a,table, body, td, li, p, div, li, h1, h2, p, br,.text,small,big,sup,sub{
	color:818C8D;
	font-size:12px;
	cursor:default;
	line-height:11px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:times new roman;
	text-decoration:none;
	text-transform:normal;
}
b,strong{
	color:4C68A0;
	font-size:10px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:uppercase;
}
s{
	color:C96890;
	font-size:10px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:uppercase;
}
i,cite,em{
	color:6D6F6F;
	font-size:10px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:uppercase;
}
u{
	color:A98E5A;
	font-size:10px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:uppercase;
}
blockquote{
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom-color:636267;
	border-bottom-width:1px;
	border-bottom-style:dotted;
background:url(http://layouts.cbimg8.com/35/17500e.jpg) 	bottom left no-repeat;
	padding-left:25px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:18px;
}
a:active,a:visited,a:link,a{
	padding:1px;
	color:C8638B;
	font-size:12px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:lowercase;
}
a:hover{
	padding:1px;
	color:CF6F95;
	font-size:12px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:lowercase;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:A98E5A;
	font-size:10px;
	display:block;
	margin-top:1px;
	cursor:default;
	border-right:1px solid;
	border-right-color:636267;
	text-indent:10px;
	line-height:11px;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
	border-left-width:3px;
	border-left-style:solid;
	border-left-color:5A5C5D;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:686A6B;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:686A6B;
	background-color:C7C2C2;
}
a.navigate:hover{
	padding:1px;
	color:B09663;
	font-size:10px;
	display:block;
	margin-top:1px;
	cursor:default;
	border-top:1px solid;
	border-top-color:5A5C5D;
	border-bottom:1px solid;
	border-bottom-color:5A5C5D;
	text-indent:15px;
	line-height:11px;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
background:url(http://layouts.cbimg8.com/35/17500f.jpg) 	center right no-repeat;
	border-right:1px solid;
	border-right-color:636267;
	border-left-width:3px;
	border-left-style:solid;
	border-left-color:535256;
	background-color:CCC6C6;
}
span.read{
	color:4C68A0;
	display:block;
	font-size:22px;
	margin-top:4px;
	text-align:right;
	text-indent:0px;
	line-height:21px;
	margin-bottom:4px;
	font-weight:normal;
	letter-spacing:0px;
	border-bottom:1px dotted;
	border-color:57565A;
	font-family:Franklin Gothic Condensed;
	text-transform:uppercase;
}
span.read a{
	color:C96890;
	font-size:24px;
	margin-top:4px;
	font-weight:normal;
	letter-spacing:-2px;
	border-color:57565A;
	font-family:georgia;
	text-transform:lowercase;
}
::-moz-selection{
	background-color:E5E3E6;
	color:5069A1;
}
textarea.comment,input.comment,form.comment{
	display:inline;
	visibility:visible;
}
textarea.comment{
	background-color:transparent;
	border:0px;
	margin-bottom:1px;
	border:1px solid;
	border-color:C7C2C2;
	overflow:auto!important;
	overflow:auto;
	color:5069A1;
	font-size:12px;
	cursor:default;
	line-height:12px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:normal;
	height:18px;
	width:250px;
	padding:2px;
}
input.comment{
	background-color:transparent;
	border:0px;
	margin-bottom:1px;
	border:0px;
	overflow:auto!important;
	overflow:hidden;
	color:636267;
	font-size:9px;
	cursor:default;
	line-height:10px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:uppercase;
	height:15px;
	width:122.5px;
	padding:0px;
	position:relative;
	left:-2px;
}
div.header{
background:url(http://layouts.cbimg8.com/35/17500g.jpg) top left no-repeat;
	top:0px;
	left:0px;
	z-index:1;
	width:900px;
	height:480px;
	display:block;
	position:absolute;
	visibility:visible;
}
div.content{
	top:469px;
	left:25px;
	position:absolute;
	width:288px!important;
	width:290px;
	height:;
	padding:1px;
	z-index:2;
	overflow:hidden;
	visibility:visible;
	text-align:justify;
	background-color:transparent;
	scrollbar-face-color:CCC6C6;
	scrollbar-track-color:CCC6C6;
	scrollbar-arrow-color:8B8787;
	scrollbar-shadow-color:CCC6C6;
	scrollbar-3dlight-color:CCC6C6;
	scrollbar-highlight-color:CCC6C6;
	scrollbar-darkshadow-color:CCC6C6;
}
div.content div{
	width:284px!important;
	width:286px;
	background-color:CCC6C6;
	overflow:hidden;
	visibility:visible;
	text-align:justify;
	padding:1px;
	border-top-width:5px;
	border-top-style:solid;
	border-top-color:57565A;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:57565A;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:636367;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:636367;
}
div.sidebar{
	top:469px;
	left:320px;
	position:absolute;
	width:210px!important;
	width:212px;
	height:;
	padding:1px;
	z-index:2;
	overflow:hidden;
	visibility:visible;
	text-align:justify;
	background-color:transparent;
	scrollbar-face-color:CCC6C6;
	scrollbar-track-color:CCC6C6;
	scrollbar-arrow-color:8B8787;
	scrollbar-shadow-color:CCC6C6;
	scrollbar-3dlight-color:CCC6C6;
	scrollbar-highlight-color:CCC6C6;
	scrollbar-darkshadow-color:CCC6C6;
}
div.sidebar div{
	width:206px!important;
	width:208px;
	background-color:CCC6C6;
	overflow:hidden;
	visibility:visible;
	text-align:justify;
	padding:1px;
	border-top-width:5px;
	border-top-style:solid;
	border-top-color:57565A;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:57565A;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:636367;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:636367;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content"><span class="read"><a>About</a> Me:</span>
<div>Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here. Add your content here.
</div>
<span class="read"><a>CSS</a> Attributes:</span>
<div><center><b>Bold Text</b>, <s>Strikethrough Text</s>, <u>Underlined Text</u>, <i>Italicized Text</i>.</center>
<blockquote>This is a blockquote. It is mainly used for quotes or text you want to make apparent. This is a blockquote. It is mainly used for quotes or text you want to make apparent. This is a blockquote. It is mainly used for quotes or text you want to make apparent. This is a blockquote. It is mainly used for quotes or text you want to make apparent. This is a blockquote. It is mainly used for quotes or text you want to make apparent. This is a blockquote.</blockquote><br>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" cols="1" rows="4" class="comment">
Dear Friend,      
</textarea>
<br>
<input value="Submit"type="Submit"class="comment"></input>
<input value="Reset"type="reset"class="comment"></input>
</form>
</center>
</div>
</div>

<div class="sidebar"><span class="read"><a>The</a> Navigation:</span>
<div><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="navigate">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">View Friends</a>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=XXXXXXXX"class="navigate">View Comments</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX"class="navigate">View Blogs</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="navigate">View Photos</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"class="navigate">Add Comment</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a>
<a href="http://www.createblog.com/"class="navigate">Createblog</a>
</div>
<span class="read"><a>The</a> Layout:</span>
<div>
This layout was made by Ricky > <a href="http://www.createblog.com/layouts/index.php?author_id=364198">anime.essence</a> at <a href="http://www.createblog.com">Createblog.Com</a>. He used brushes from <a href="http://withthewolves.org/">WithTheWolves.Com</a>, <a href="http://exalte.org/">Exalte.Org</a>, and <a href="http://www.intheorchard.net/">InTheOrchard.Net</a>.  He also used textures and stock images from <a href="http://www.google.com/">Google</a>, and <a href="http://withthewolves.org/">WithTheWolves.Com</a>.
This layout features The motion picture, Ghost World. The comic/novel series of Ghost World was created by Daniel Clowes. All usage of comic clippings/art is solely credited to him. 
</div>
</div>

Layout Comments

Showing latest 10 of 19 comments

Thanks

By anime-essence on Nov 23, 2008 12:30 pm

Spiffy! ♥

By chanieannie on Nov 22, 2008 1:21 am

Thank you. :)

By anime-essence on Jul 21, 2007 10:55 pm

really awesome!

By SuperLikeAHero on Jul 21, 2007 2:47 pm

Hey, when I click on the picture of this layout to look at the full view the background isn't showing up?

By jessika127 on Apr 22, 2007 8:45 pm

Thank you Mike and Rebecca.

By anime-essence on Apr 21, 2007 12:03 pm

Excellent, Ricky! I didn't catch this one before. It's so nice to see to something a little different. Ghost World was a fantastic movie. Everything is clean, organized and the header is perfect.

By superstitious on Apr 19, 2007 8:10 am

Ricky = Very Amazing i really like the backgorund of the whole layout it looks really unique.

By IVIike on Apr 15, 2007 1:12 pm

QUOTE(mirukuyu @ Apr 14 2007, 1:46 AM) [snapback]2529716[/snapback]xD this was such afunny movie(: i like you style.i like the colors you used forthe header fonts.your burshes are really goodthe way you used the textures was nice tooi think i mig

By anime-essence on Apr 14, 2007 11:23 am

just noticed that the font for the blue headers are a different font then what i seei get times/georgiawhat font is it really?

By Blaqheartedstar on Apr 14, 2007 9:36 am

View all »

Layout Details

Designer	anime-essence
Submitted on	Apr 13, 2007
Page views	21,311
Favorites	68
Comments	19

Layout Tags

, div overlay, ghost world, pattern, texture, domain, gray, blue, yellow, pink, thora birch

Ghost World(DIV)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates