Pleasantville

Designer's Comments

Look carefully for specific instructions

This layout features the 1998 movie called Pleasantville featuring Tobey Maguire & Reese Witherspoon.

IE & FF COMPATIBLE
Best resolution: 1280 x 1024 & Lower (Possibly higher?)

REMEMBER;
& to take everything off you're myspace first before adding the code.
& to not remove the credits.
& to replace you're friend id where it says FRIEND ID HERE.
& to add you're information.

Don't forget to add you're friends picture in 70x70. Or whatever size you want as long as it will fit nicely.
& To put you're friends URL

Enjoy.

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">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
.latestBlogEntry {display: none;}
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}tr {background:transparent;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
div table td font {display: none;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
a:link.redlink, a:visited.redlink, a:active.redlink, .orangetext15, .btext, .redbtext{visibility:hidden;}
#srch {display: none;}
body div table td form img{display:none!important;}
body { background-color: FFFFFF;
scrollbar-face-color: 630015;
scrollbar-highlight-color: 630015;
scrollbar-3dlight-color: 630015;
scrollbar-darkshadow-color: 630015;
scrollbar-shadow-color: 630015;
scrollbar-arrow-color: FFD888;
scrollbar-track-color: 630015;
background-image: url('http://cbimg6.com/layouts/07/09/14/21466ag.png');
background-repeat: repeat-x;}body,table, td, li, p, div, textarea  
{border:0px; text-transform: none; line-height:10px; text-align: justify; font:normal 10px tahoma; color: 000000; }
.text {font:normal 10px tahoma; color: 000000; font-weight:none; border:0px; text-transform: none; line-height:10px; text-align:justify;}
b{font-family:tahoma;font-size:9px;color: 8A8A8A;}
u, s, .stext, .sbtext, .swtext {
  font-family: arial;
  font-size: 9px;
  color: B2B2B2;
  text-align: justify;}
i, em, .itext  {
  font-family: arial;
  font-size: 9px;
  color: 000000;
  text-align: justify;}
.btext, .itext{font-family:arial;  font-size:10pt; line-height:10pt; color:CEBE9D;border:0px solid FFFFFF;}
.bwtext, .rtext, .rbtext, .subhead{font-family:arial; color:B59D79;font-size:10pt;font-weight:bold;}
.stext, .sbtext, .swtext{font-family:arialcolor:CEBE9D;font-size:10pt;}
.head11, .text11{font-family:arial; color:B59D79;font-size:10pt;}
a:link, a.man{font-family:arial; font-size:9px; color:828282; font-weight:none;border:0px; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:828282; font-weight:none;border:0px;}  
a:visited{font-family:arial; font-size:9px; color:828282; font-weight:none;border:0px;}
a:hover{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px;} 
textarea.bg {background-color: FFFFFF; background-image: url('http://cbimg6.com/layouts/07/09/14/21466ah.gif'); background-repeat:repeat; width: 137px; height: 20px; font-family: arial; font-size: 10px; color: 000000}
.title {
color: A6A6A6;
font: 12pt times;
font-weight: bold;
letter-spacing: 2px;
padding: 0px;
background-color: ;
background-image: url('http://cbimg6.com/layouts/07/09/14/21466ai.gif');
background-repeat:repeat;
text-align:center;
text-transform:uppercase;
border-bottom: 2px solid;
border-color: A3A2A2;
display: block;}

.add{height: 33px; width: 96px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466aj.png) top left no-repeat; display: block;}
.add:hover{background-position: bottom left;}
.blog{height: 33px; width: 79px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466ak.png) top left no-repeat; display: block;}
.blog:hover{background-position: bottom left;}
.home{height: 33px; width: 82px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466al.png) top left no-repeat; display: block;}
.home:hover{background-position: bottom left;}
.message{height: 33px; width: 135px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466am.png) top left no-repeat; display: block;}
.message:hover{background-position: bottom left;}
.photos{height: 33px; width: 89px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466an.png) top left no-repeat; display: block;}
.photos:hover{background-position: bottom left;}
.block{height: 33px; width: 78px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466ao.png) top left no-repeat; display: block;}
.block:hover{background-position: bottom left;}
.group{height: 33px; width: 166px; overflow: hidden; background: url(http://cbimg6.com/layouts/07/09/14/21466ap.png) top left no-repeat; display: block;}
.group:hover{background-position: bottom left;}
</style>

<div class="comment" style="position: absolute; left:780px; top:636px; width: px; height: px; overflow: hidden; visibility:visible; z-index:0;">
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="FRIEND ID HERE" type="hidden"><textarea name="f_comments" class="bg">Leave a message here.</textarea><br><input value="Add Comment" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: Arial; font-size: 10px; color: 8A8A8A; background-image: url('http://cbimg6.com/layouts/07/09/14/21466ah.gif'); background-repeat:repeat; background-color: transparent;" type="submit"> <input value="Clear" style="border-width: 1px; border-style: solid; border-color: transparent; font-family: Arial; font-size: 10px; color: 8A8A8A; background-image: url('http://cbimg6.com/layouts/07/09/14/21466ah.gif'); background-repeat:repeat; background-color: transparent;" type="reset"></form></center>

</div>

<div class="main" style="position: absolute; left:650px; top:183px; width:333px; height: 435px; overflow: auto; visibility:visible; z-index:0;">
<span class="title">About the layout</span>
<img src="http://cbimg6.com/layouts/07/09/14/21466af.jpg" align="left">This layout is based on a 1998 movie called "Pleasantville" starring Tobey Maguire & Reese Witherspoon. It's a really good movie and the movie appears as black and white, as well as colored. A clean, neat, sophisticated layout look. Anyway, please don't remove the credits. Do not redistribute, alter/change, and don't jock. Hope you like it.

<span class="title">About Me</span>
This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here. This is where you talk about you're self. Write anything you want here.

<span class="title">CSS Tags</span>
This is how: <b>BOLD</b> <U>UNDERLINE</U> <I>ITALIC</I>

<span class="title">Friends</span>
<center><a href="FRIEND URL HERE" border=0><img src="http://cbimg6.com/layouts/07/09/14/21466af.jpg"></a>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg6.com/layouts/07/09/14/21466af.jpg"></a>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg6.com/layouts/07/09/14/21466af.jpg"></a>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg6.com/layouts/07/09/14/21466af.jpg"></a>
</center>

<span class="title">Credits</span>
Layout designed by <a href="/dizhomeboyy">dizhomeboyy</a> (A.K.A. Relentless @ CB) provided by <a href="http://www.createblog.com">CB</a>.<br>
</div>

Layout Comments

Showing latest 10 of 17 comments

how do yhu make it not beeee a pop out new page when they click on yhur links????

By yobrit on Dec 7, 2008 2:12 am

the movie rocked, so of course this layout's as awesome

By goth-nina on Oct 16, 2008 1:41 pm

love it love it love it!!! pleasantville is like one of my favorite movies =]

By kangchickenwang on Aug 14, 2008 1:32 pm

amazing layout! i love, i think i will use it.

By xx23b32xx on Oct 14, 2007 11:30 am

This is cute I love it. Fav

By InsertUsernameHere on Sep 24, 2007 2:08 pm

this is very cute. :)

By PINKLollyPOP on Sep 17, 2007 3:01 pm

Thanks flaymzofice.

I really enjoy reading you're C&C. (=

Yeah, "About The Layout/CSS TAGs/etc." are all editable. You can take them out and replace whatever you want. It's just how I want to present the layout and it's attributes of it.

As for the comments, I had no idea where to place it, so I decided it to put it near the bottom color lines. I didn't want it to put it where the main div was. (x

& Thanks.

By Relentless on Sep 16, 2007 12:29 am

Oh and I also forgot to add - like the hover effect on the friends links too! Think you're the first person I've seen to do that, as far as I can remember. Funny how nobody though to use hovers on friend images, but glad you broke ranks. Like that a lot.

By flaymzofice on Sep 15, 2007 8:15 pm

Dude, this rocks out.

A question to start though: having never used a pre-made layout, are the "CSS TAGS" and "ABOUT THE LAYOUT" headers editable? Or will people be stuck with them when they actually use it?

I love your execution of this; I wasn't a huge fan of the movie - I'm not into retro looking stuff, whatever the intentions - but you made it look like a really fun film with this. My favourite part has to be the navigation, weird as that may seem.

It's not even the hover over; I think it's the combination of the font colour, hover, underline and font choice. It just looks so CLASSIC and professional. It makes me squeal inside.

The extraction/blending around the images is a little awkward at times, but I guess it does suit the effect you were going for. Just not a personal favourite of mine is all.

I like the mix of colour and b/w images; makes a lot of sense though most people probably would have overlooked this.

Clever not to use boxes around the content; despite it only being an absence of a few lines, this doesn't appear blocky at all and is in fact quite stream lined and pretty presentable.

My only "erf?" moment was the comment box. Erm, it seems a little...misplaced? Or is that just my screen res (768x1064)?

Big fan of this execution and layout.

By flaymzofice on Sep 15, 2007 8:14 pm

I love this movie! Such a cute layout :]

By notanormalchild on Sep 15, 2007 12:09 am

View all »

Layout Details

Designer	Relentless
Submitted on	Sep 13, 2007
Page views	9,509
Favorites	53
Comments	17
Reviewer	IVIike
Approved on	Sep 14, 2007

Layout Tags

, pleasantville, 1998, reese, witherspoon, toby, maguire, black, white, gray, grayscale

Layout Tools

Layout Affiliates

Here I Stand Layouts