Picnic

Designer's Comments

Look carefully for specific instructions

Just a couple napkins and a flower. I like the way the background pattern came out... Nice and simple. It's not exactly my usual style but I thought it was pretty cute. Hope you like it!

Please not that the CB preview is wrong. The interests table etc. does not show on the current version of myspace. Also, this layout hides the new myspace navigation.

I wouldn't suggest using this layout if you're not experienced with CSS or HTML.

Everything you need to edit is in the "Who I'd like to meet" section of the code. Remember to replace the "xxx"'s with your friend ID. Get your friend ID here!

Please don't remove the credit, as always.

Any questions? Leave a comment.
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">
body {background-color:ffffff;
background-image:url("http://cbimg9.com/layouts/08/06/28934aa.jpg");
background-attatchment:scroll;
background-position:center center;
background-repeat:repeat;}
a img {filter:gray; border:none;}
a img hover {filter:gray; border:none;}
 img {filer:gray; border:none;}

div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }

a, a:link, a:active, a:visited {
 color:CC6666;
 font-family:comic sans ms;
 font-size:12px;
 font-weight:normal;
 line-height:13px;
 letter-spacing:0px;
 text-decoration:none;
 }

a:hover {
 color:FFFFCC;
 font-family:comic sans ms;
 font-size:12px;
 font-weight:normal;
 line-height:13px;
 letter-spacing:0px;
 text-decoration:none;
}

b {
 color:333333 !important;
 font-family:comic sans ms!important;
 font-size:12px !important;
 font-weight:bold;
 text-transform:none;
 text-decoration:none !important;
 line-height:13px;
 letter-spacing:-.5px;
}

i {
 color:333333 !important;
 font-family:comic sans ms !important;
 font-size:12px !important;
 font-weight:normal;
 text-transform:none;
 text-decoration:none !important;
 line-height:13px;
 letter-spacing:-1px;
}

u {
 color:333333 !important;
 font-family:comic sans ms !important;
 font-size:12px !important;
 font-weight:normal;
 text-transform:none;
 text-decoration:underline;
 line-height:13px;
 letter-spacing:-1px;
}

small {
 color:333333 !important;
 font-family:comic sans ms !important;
 font-size:10px !important;
 font-weight:normal;
 text-transform:none;
 text-decoration:none !important;
 line-height:13px;
 letter-spacing:-1px;
}

big {
 color:333333 !important;
 font-family:comic sans ms !important;
 font-size:14px !important;
 font-weight:normal;
 text-transform:none;
 text-decoration:none !important;
 line-height:13px;
 letter-spacing:-1px;
}

h1 {
 color:222222 !important;
 font-family:comic sans ms;
 font-size:20px;
 font-weight:normal;
 line-height:35px;
 letter-spacing:-2px;
 margin:0px;
}

h2 {
 color:222222 !important;
 font-family:comic sans ms;
 font-size:14px;
 font-style:italic;
 font-weight:normal;
 line-height:13px;
 letter-spacing:-1px;
 margin:0px;
 }

p {
 color:222222 !important;
 font-family:comic sans ms !important;
 font-size:12px !important;
 font-weight:normal;
 text-transform:none;
 text-decoration:none !important;
 line-height:13px;
 letter-spacing:-1px;
 margin:0px;
 margin-bottom:13px;
}
</style>

.creditlink:hover {
  font-family:small fonts !important;
  font-size:8px !important; color:ffffff !important;
  font-weight:normal;
  background-color:transparent !important;
  border:none; text-decoration:none;
  text-transform:uppercase;
 }
</style>

<div id="creditlink" style="position:absolute; border:none; width:130px; height:20px; z-index:2;
left: 6px !important; top: 0px;"><a href="http://crotchettheleper.createblog.com/" class="creditlink">Crotchet The Leper</a></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

</map>

Your Name Here

</h1>
</div>

<p>Go ahead and replace this with your own text. The rest of this filler text is the lyrics to Reptilia by The Strokes. Remember to put each paragraph you write between "p" tags! <a href="">Link!</a></p>

<p>He seemed impressed by the way you came in...
"Tell us a story, I <i>know</i> you're not boring."
I was afraid that you would not insist... "You sound so <b>sleepy</b> just take this, <u>now leave me</u>." I said <i>please</i> don't slow me down if I'm going too fast... Oh, you're in a <u>strange</u> part of our town... Yeah, the night's not over, you're not trying hard enough. Our lives are changing lanes; you ran me off the road... The wait is over, I'm now taking over; you're no longer laughing; I'm not drowning fast enough...</p>

<p>Now every time that I look at myself... "I thought I told you <b>this world is not for you</b>." <big>The room is on fire... as she's fixing her hair.</big> "You sound so angry, just calm down, you found me!" I said <i>please</i> don't slow me down if I'm going too fast... You're in a <u>strange</u> part of our town... Yeah, the night's not over, you're not trying hard enough, our lives are changing lanes; you ran me off the road... The wait is over, I'm now taking over... You're no longer laughing;
I'm not drowning fast enough...</p>

</div>