nostalgia

Designer's Comments

Look carefully for specific instructions

I can't believe I'm saying this... but this layout looks better in IE than it does in Firefox ;0;
But only because IE has the customizable scrollbars! xD

PS: ROLLOVERS.
(they took me FOREVER to get to work D:)

Make sure you replace all occurrences of XXXXXX with your friend ID.
(also make sure you do so BEFORE you save it on myspace.)

Optimized for Firefox, fully functional in IE.

Enjoy~

add me at the yellowgirl myspace if you have any questions :3

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>
.aboutme{position:absolute;
width:354; height:210; overflow:auto;
left:215px; top:265;
}

td td embed {position:absolute; left:0px; top:0px; width:295px; height:51px; } td td td embed { position:static; width:auto; height:auto; }

.background{position:absolute;
width:800; height:600;overflow:auto;
left:100px; top:180; }

h1 {
font-family:century gothic, arial;
text-transform:none;
font-size:28px;
line-height:26px;
color: 482309;
letter-spacing:2px;
margin-bottom:11px;
background-color:transparent;
text-align: left;
font-weight:normal;
border-bottom:1px solid;
border-color:482309;}

h1:first-letter {color:b02919;}

body 
{background-color:ffffff;
scrollbar-face-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-arrow-color:b02919;
scrollbar-track-color:ffffff;
cursor:crosshair;}

a:hover img { filter:Alpha(Opacity=50);}
body { cursor:crosshair;}
a:hover { cursor:help;}

table, tr, td, li, p, div 
{font-family:arial,verdana;
font-size:8pt;
line-height:8pt;
color:7f5326;
text-align:justify;}

b, strong {font: 11px century gothic #000;
font-weight:bold;
line-height:13px;
letter-spacing:2px;}

i, em {font:normal 11px georgia;
line-height:13px;
font-style:italic;
text-transform:none;
text-decoration:none;}

s, strike {color: 666666;}

a:active, a:visited, a:link {font-family: arial,verdana; font-size:8pt; color:b02919; text-transform:lowercase;}

a:hover  
{font-family: arial,verdana; font-size:8pt; color:7f5326; text-transform:lowercase; text-decoration:underline; cursor:help;}

table td div div font, 
div table tr td font 
{font-family:georgia;
font-size:8pt;
color:silver;}

div table td font {display: none;}
body div table td form img{display:none!important;}
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;}

body table {margin-top:-50000px;}

body td table, body div table {margin-top: 0;}

table, tr, td {background-color:transparent;}

body div table form{display:none;}

body table div form{display:block;}

div table td font {visibility:hidden; }

a.home {
display:block;
height:30px;
width:177px;
overflow:hidden;
background-image:url ('http://cbimg6.com/layouts/08/08/30762ac.gif');
background-position:top center;
background-repeat:no-repeat;}

a.home:hover {
background-image:url ('http://cbimg6.com/layouts/08/08/30762ak.gif');
background-position:top center;
display:block;
height:30px;
width:177px;
background-repeat:no-repeat;}

a.add {
display:block;
height:41px;
width:177px;
overflow:hidden;
background-image:url ('http://cbimg6.com/layouts/08/08/30762ae.gif');
background-position:top center;
background-repeat:no-repeat;}

a.add:hover {
background-image:url ('http://cbimg6.com/layouts/08/08/30762al.gif');
background-position:top center;
display:block;
height:41px;
width:177px;
background-repeat:no-repeat;}

a.msg {
display:block;
height:30px;
width:177px;
overflow:hidden;
background-image:url ('http://cbimg6.com/layouts/08/08/30762af.gif');
background-position:top center;
background-repeat:no-repeat;}

a.msg:hover {
background-image:url ('http://cbimg6.com/layouts/08/08/30762am.gif');
background-position:top center;
display:block;
height:30px;
width:177px;
background-repeat:no-repeat;}

a.photos {
display:block;
height:32px;
width:177px;
overflow:hidden;
background-image:url ('http://cbimg6.com/layouts/08/08/30762ag.gif');
background-position:top center;
background-repeat:no-repeat;}

a.photos:hover {
background-image:url ('http://cbimg6.com/layouts/08/08/30762an.gif');
background-position:top center;
display:block;
height:32px;
width:177px;
background-repeat:no-repeat;}

a.comment {
display:block;
height:37px;
width:177px;
overflow:hidden;
background-image:url ('http://cbimg6.com/layouts/08/08/30762ah.gif');
background-position:top center;
background-repeat:no-repeat;}

a.comment:hover {
background-image:url ('http://cbimg6.com/layouts/08/08/30762ao.gif');
background-position:top center;
display:block;
height:37px;
width:177px;
background-repeat:no-repeat;}

a.blk {
display:block;
height:34px;
width:177px;
overflow:hidden;
background-image:url ('http://cbimg6.com/layouts/08/08/30762ai.gif');
background-position:top center;
background-repeat:no-repeat;}

a.blk:hover {
background-image:url ('http://cbimg6.com/layouts/08/08/30762ap.gif');
background-position:top center;
display:block;
height:34px;
width:177px;
background-repeat:no-repeat;}

.home{width:177; height:30; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ac.gif"); background-repeat:no-repeat;}

.home:hover{width:177; height:30; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ak.gif"); background-repeat:no-repeat;}

.add{width:177; height:41; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ae.gif"); background-repeat:no-repeat;}

.add:hover{width:177; height:41; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762al.gif"); background-repeat:no-repeat;}

.msg{width:177; height:30; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762af.gif"); background-repeat:no-repeat;}

.msg:hover{width:177; height:30; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762am.gif"); background-repeat:no-repeat;}

.photos{width:177; height:32; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ag.gif"); background-repeat:no-repeat;}

.photos:hover{width:177; height:32; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762an.gif"); background-repeat:no-repeat;}

.comment{width:177; height:37; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ah.gif"); background-repeat:no-repeat;}

.comment:hover{width:177; height:37; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ao.gif"); background-repeat:no-repeat;}

.blk{width:177; height:34; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ai.gif"); background-repeat:no-repeat;}

.blk:hover{width:177; height:34; background-color:transparent; background-image:url("http://cbimg6.com/layouts/08/08/30762ap.gif"); background-repeat:no-repeat;}

</style>

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>header</h1><P><CENTER><A href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg6.com/layouts/08/08/30762aq.gif" border=0></a><BR><BR>
<b>Name:</b> coolchan <br />
<b>Age:</b> twenty years old<br />
<b>Location:</b> my computer chair <br />
<b>Status:</b> awesome<br />
<b>etc:</b> etcetera<br />
<b>etc:</b> etcetera<br /><br />
<i>you can just delete this section if you don't want to keep it.</i>
<br /><br />
o [ <b>bold</b> ] x [ <u>underline</u> ] x [ <i>italics</i> ] x [ <strike>strikethrough</strike> ] x [ <a href="">link</a> ] o

</center>
<br />
<Br><BR>
<h1>about the layout</h1>
<b>Nostalgia</b> features two adorable boys that also belong in the category of unknown artists' drawings.  I have a lot of those pictures unfortunately D:  If you're the artist, or know the artist and want credit or want this layout removed, contact me and I'll be more than happy to oblige you :D<BR><BR>
The quote is just a random brush I have, but it's from a book called "Identity" by Milan Kundera and it's an absolutely beautiful quote.  I altered it slightly (changing she/her to "you").<BR><BR>
This is probably my favorite layout so far. I'm so proud of it *w* The rollovers were a pain in the ass though, but I finally got them to work with the help of <a href="http://skylitex.createblog.com/">skylitex</a> <33<BR><BR>
I created this layout using Firefox, which I urge all of you to use >:|  I've tested and optimized it for Internet Explorer, too.  So the only people who have to worry are the eight of you who use browsers other than FF/IE. -glares at opera users-<BR><BR>
If you include images in your about me, make sure they're no wider than 345px, or else they won't fit.

<Br><BR><Br><BR>
<h1>contact the designer</h1>
I respond the quickest to a direct email at <a href="mailto:heyshadylady[at]gmail.com">heyshadylady[at]gmail.com</a> - obviously you change the [at] to @.  If you'd like to see more j-graphics, you can either visit my <a href="http://graphics.and-hearts.net/">graphics site</a> or my <a href="http://yellowxgirl.createblog.com">createblog</a>.  I'm very friendly, so don't hesitate to ask me anything :3

<Br><BR><Br><BR>
<h1>how to install/use</h1>
Just copy all of the codes and paste them into your myspace profile.  Make sure you change all occurrences of XXXXXX to <b>your</b> friend ID number.  There are no occurrences in the about me section, but six occurrences in the "I'd like to meet" section.<BR><BR>
Please make sure you do this BEFORE you save to myspace.

<BR><BR><BR><BR>
<h1>comment box</h1>
This is completely optional, since there's a link for comment to the right, but I'll leave this here in case you want one :D<BR><BR><CENTER>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.confirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" /><textarea name="f_comments" style="width:250px; height:70px; border:1px dashed; border-color:b02919;font:bold 16px georgia; color:7f5326; line-height:13px; background-color:transparent; overflow:hidden;">once upon a time,</textarea><br /><input type="submit" value="♥ nostalgic ♥" style="width:150px; height:20px; border:0px solid; border-color:ffffff; font-size:9px !important; font-family: small fonts; font-weight:normal; color:b02919; background-color:ffffff; overflow:hidden; text-transform:uppercase; letter-spacing:1px;" /></form></center>

<Br><BR><Br><BR>
<h1>terms of use</h1>
The usual: please do not remove the credit to me.  I worked hard to get this layout looking nice, so the least you could do is leave a little link up to me?  Please do not alter anything on the layout either (colors/header image/background/etc.) simply because if the layout does have my name on it, I want it to appear exactly as I intended it. <BR><BR>I also don't want you to think "Oh, well I've changed the colors and header image... so it's pretty much MY layout now -removes credit-"  Oh, and thank you for using my layout~ ;D

<Br><BR><Br><BR>
<h1>music and etc</h1>
<centeR>you can include youtube videos or a myflashfetish music player here.<BR><BR>
make sure the you change the width&height on youtube videos to <BR>width="250" height="202"<BR>
(it occurs twice in the usual embed script)<BR><BR>
<object width="250" height="202"><param name="movie" value="http://www.youtube.com/v/U0nkXfW-tpQ&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/U0nkXfW-tpQ&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="250" height="202"></embed></object>

</div>

Layout Comments

Showing latest 10 of 12 comments

loobe it♥

By -ibooonnneee on Aug 29, 2008 6:09 pm

Wonderful just wondeful. And I been meaning to find an awesome japanese rock band song for my profile and you already have one on there! Perfect! :D

Also the whole one box thing worried me then I saw it scrolled
-->baka

By xXBloodyAssassinXx on Aug 25, 2008 8:13 am