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>

Layout Comments

Showing latest 10 of 24 comments

this is sooo awesome:]

By awesomegurl7686 on Jul 20, 2009 1:05 pm

Cute and simple.

By ixthrowxcrayons on Apr 23, 2009 7:26 pm

I adore this, if only it was a website lyt.
but anyways, I love this, bravo.

By twist3dli3s on Dec 30, 2008 4:04 pm

This is really cute, And I love the background.
It's all over simple and awesome [:

By dilligrout on Oct 15, 2008 6:48 pm

This is ahh-mazingly cutee!
I love it! :DD

By TeenageSparks on Aug 20, 2008 8:12 pm

hellppp?

By Kenny248 on Aug 15, 2008 12:31 am

i love it.
the song is great too.

By captobvious on Jul 9, 2008 5:15 pm

dis is cute!!

By crazylove4rl on Jul 4, 2008 3:59 pm

eMarie2470, the preview is wrong - it uses a version of myspace coding that is outdated. I made note of it in my comments above. If you put the code on myspace, it looks fine.

By CrotchetTheLeper on Jul 3, 2008 2:23 pm

I like the idea of the design, but you should have used a colored back for the image instead of a transparent background OR you need to adjust the coding to clear everything off the page to make it work better. in the preview i can see the old layout bleeding through.

By eMarie2470 on Jul 3, 2008 12:56 am

View all »

Layout Details

Designer	CrotchetTheLeper
Submitted on	Jun 28, 2008
Page views	28,152
Favorites	270
Comments	24
Reviewer	Relentless
Approved on	Jun 28, 2008

Picnic

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