Nostalgic.Version 1

Designer's Comments

Look carefully for specific instructions

Image credit goes to childrensillustrators

Background credit goes to squidfingers

Please do not remove any credit or jock, steal, etc.

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style>

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

td td embed, td td object { position: absolute; top: -500px; left: -500px; }
td td td embed, td td td object { position: static !important; }

body {
	background-color:!important;
	background-image:url("http://cbimg6.com/layouts/09/03/34154aa.gif");
	background-repeat:repeat-all;
	background-position:top center;
	background-attachment:scroll;
}
td, .text, div, input {
	color:000000!important;
	font-family:arial;
	font-size:8pt;
	font-weight: normal;
	text-transform:none;
	letter-spacing: 0px;
}

.home{
	height:84px; 
	width:62px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/09/03/34154ab.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.home:hover{
	background-position: bottom left;}

.add{
	height:49px; 
	width:145px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/09/03/34154ac.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.add:hover{
	background-position: bottom left;}

.pictures{
	height:82px; 
	width:100px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/09/03/34154ad.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.pictures:hover{
	background-position: bottom left;}

.message{
	height:90px; 
	width:119px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/09/03/34154ae.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.message:hover{
	background-position: bottom left;}

a {
	color:f756a2!important;
	font-family:arial;
	font-size:9pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;
}
a:hover {
	color:568ff7!important;
	font-family:arial;
	font-size:9pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;}

h1 {
	margin: 0px;
	color: f756a2;
	text-align:center;
	border-bottom:1px dashed;
	border-color:56b1f7;
	font-family:arial;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: lowercase;
	background-color: transparent;
	line-height: 15pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}
li {
	color:f892c9; 
	line-height:10px;
	font-family:arial;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:f756a2;
	font-size:9pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:56b1f7;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
i{
	color:f9d615;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:arial;
	text-transform:none;
}
u{
	color:bbe31d;
	font-size:11px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:arial;
	text-transform:none;}

.nostalgicbg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:731px;
	height:565px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	left:50%;
	top:0%;
	margin-left:-365px;
	margin-top:200px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/09/03/34154af.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.nostalgicnavigation {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:168px;
	margin-top:404px;
	text-align:justify;
	visibility:visible;
}

.nostalgicpics {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:3;
	left:50%;
	top:0%;
	margin-left:80px;
	margin-top:406px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.nostalgicmessage {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:260px;
	margin-top:400px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.nostalgicaddme {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:147px;
	margin-top:490px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}
.nostalgiccomment {
	background-color:transparent;
	border:0px solid;
	border-color:pink;
	width:auto;
	height:auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:130px;
	margin-top:600px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.nostalgicaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:280px;
	height:160px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:74px;
	margin-top:240px;
	text-align:justify;
	visibility:visible
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<form method="post" action="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"><input name="friendID" value="xxxxxxxxxx" type="hidden" /> <textarea name="f_comments" class="color">Write me love notes! It's not a lot of space, but just enough to leave a good comment, haha</textarea><br /> <input type="submit" value="PUSH" class="button" /></form>

<div class="nostalgicaboutme">
<h1>talk about yourself here!</h1>
<u>SO</u>, I decided to give another shot at making layouts, now that I have time to waste on <i>spring break</i> and all =). I'll be making more of these <b>nostalgia</b> themed layouts because I feel strongly about our cherished, and usually <s>forgotten</s>, memories of our childhood. This is my first shot at rollovers, so hopefully, I'll get better at them, lol. Please do not remove any credits. Most <u>importantly</u>, I hope you guys enjoy it because I definitely had fun making it!<br /><u>underline</u><br /><s>strikethrough</s><br /><b>bold</b><br /><i>italic</i> <br />
<br />

</div>

Layout Comments

Showing latest 10 of 20 comments

okkkk umm wait so how do u like ummm edit so u can put want is about u???

By briikid on May 8, 2009 4:49 pm

why doesnt the about me work?
help someone?

By huyenios on Apr 18, 2009 12:07 am

for the comment part, tell them just to hit the "push" button after they're done and it should be fine :)

By Teesa on Apr 11, 2009 11:12 pm

quick question: how do you make the scrollbars visible?? i know sometimes the dummies we call friends will not have the logic to the look for an invisible scrollbar (: answer ASAP; pls && thnk yu

By sweetrocker on Apr 11, 2009 4:42 pm

hi there-are you sure you're putting the code into the correct sections?

By Teesa on Apr 10, 2009 7:42 pm

Hey, I really love this layout, added to my fav, n been meaning to use it on my myspace, the only thing is, i cant add my about me sect and the coment box wont work..it dont have the post of 'PUSH' button..help me somebody?? plzz?? T.T

By bhahmz on Apr 10, 2009 10:24 am

OMG this is so adorable.
Favorites :)

By C0NKRETE-R0SE on Mar 28, 2009 9:32 pm

♥ = rollovers

By eSTReLLiTaFuGaZ on Mar 25, 2009 1:25 am

This is soooooooooooooo cute :3

By deleted-account on Mar 24, 2009 7:24 pm

The colors and background are awesome.

By none345678 on Mar 24, 2009 1:48 pm

View all »

Layout Details

Designer	Teesa
Submitted on	Mar 22, 2009
Page views	27,530
Favorites	241
Comments	20
Reviewer	schizo
Approved on	Mar 22, 2009

Nostalgic.Version 1

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates