Scrapbook style.

Originally for my MySpace, but I thought I'd put it on here. =] Took about 5 days to make the image right, let alone code.

Read the layout before you do anything and PLEASE put in your Friend ID before saving anything!! (Replace the XXXXXX's with your Friend ID. They're in the WILTM code.)

You only edit the stuff in the Who I'd Like To Meet section.

Best viewed in IE, I think.

There's meant to be a lot going on - it's scrapbook style! And if you don't like the theme/style don't use it! Simple, really.

• 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

<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:default;border:0px;} div,table,tr,td,th{background-color:transparent;text-align:center;border:0px;} .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;} 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;} </style> <style>table tr td div div {display:none;} table tr td div font {display:none;}</style> <style>body {background-image:url("http://cbimg9.com/layouts/08/04/12/26822aa.jpg"); background-repeat:repeat; background-color:transparent; background-attchment:fixed;}</style> <style type="text/css">.image {display:block; position:absolute; height:797px; width:800px; left:101px; top:152px; border-width:0px; border-color:transparent; border-style:none; background:url("http://cbimg9.com/layouts/08/04/12/26822ab.png"); background-repeat:no-repeat; background-color:transparent;} .about {display:block; position:absolute; height:300px; width:267px; overflow:auto; padding:2px; top:403px; left:553px; font-family:arial; font-size:13px; letter-spacing:0px; text-transform:normal; line-height:14px; color:000000;} .interests {display:block; position:absolute; height:220px; width:261px; overflow:auto; top:660px; left:147px; font-family:arial; font-size:13px; padding:2px; letter-spacing:0px; text-transform:normal; line-height:14px; color:000000; text-align:left;} .updates {display:block; position:absolute; height:55px; width:430px; top:218px; left:447px; overflow:auto; font-family:arial; font-size:15px; color:ffffff; letter-spacing:0px; line-height:default; text-transform:normal;}</style> <style>div table, table, td {background-color:transparent;} .picture {display:block; position:absolute; left:126px; top:239px; width:170px; height:112px;}</style> <style>.musicplayer {display:block; position:absolute; height:default; width:default; top:486px; left:174px;}</style> <style>h1 {width:default; height:default; font-family:tahoma; font-size:15px; letter-spacing:-1px; line-height:12px; color:250acc; text-transform:lowercase; text-align:left;}</style> <style>b {font-family:tahoma; font-size:13px; letter-spacing:0px; line-height:14px; text-transform:lowercase; color:250acc;} i {font-family:arial; font-size:12px; letter-spacing:1px; line-height:14px; text-transform:lowercase; color:000000;} u {font-family:arial; font-size:13px; letter-spacing:1px; line-height:14px; text-transform:uppercase; color:000000;} strike {font-family:tahoma; font-size:12px; letter-spacing:0px; line-height:14px; text-transform:uppercase; color:000000;} big {font-family:tahoma; font-size:16px; letter-spacing:-1px; line-height:14px; text-transform:lowercase; color:250acc;} small {font-family:arial; font-size:10px; letter-spacing:1px; line-height:14px; text-transform:lowercase; color:000000;}</style> <style>a.navbar:link, a.navbar:visited {text-decoration:none; font-family:arial; font-size:10px; color:ffffff; line-height:14px; text-transform:uppercase; letter-spacing:-1px; font-weight:normal; text-decoration:none;} a.navbar:hover, a.navbar:active {text-decoration:none; font-family:tahoma; font-size:15px; text-transform:lowercase; letter-spacing:-1px; font-weight:bold; color:000000; line-height:14px;}</style> <style>a:link, a:visited {text-decoration:none; font-family:arial; font-size:11px; color:000000; line-height:14px; text-transform:lowercase; font-weight:normal; letter-spacing:0px; text-decoration:none;} a:hover, a:active {text-decoration:none; font-family:arial; font-size:13px; color:000000; line-height:14px; text-transform:lowercase; font-weight:bold; letter-spacing:0px;}</style> <style type="text/css">body{scrollbar-arrow-color:000000; scrollbar-track-color:ffffff; scrollbar-face-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-shadow-color:ffffff;}</style>

<div class="image"></div> <div class="about"><big>||</big> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blogs.</a> <big>||</big> <a href="http://www.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX">comment.</a> <big>||</big> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message.</a> <big>||</big> <a href="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add.</a> <big>||</big> <a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block.</a> <big>||</big> <br><br><b>Hello,</b> just a little note. =] <br>This layout was originally made just for my MySpace, but I thought I'd try and submit it to Createblog to get some feedback. As the layout was made for me, I made the picture (top left, on the envelope) fit my default/display picture. I've tried to level that out though, with a image resize thing in the code which will probably make your image smaller/bigger depending on what size your picture is. Just in case you don't like the new resized picture of your display picture, the maximum width for the display picture is <u>170px</u>. And the height is <u>112px</u>. =] Replace the URL image <i>(http://cbimg9.com/layouts/08/04/12/26822ac.png)</i> with your own. <br><b>Replace the XXXXXX's with your Friend ID PRIOR to saving. That means before you save <i>anything!</i></b> <br><br>You can use that h1 tag wherever you want. <b>This is bold,</b> <i>this is italic,</i> <u>this is underlined,</u> <strike>this is striked,</strike> <big>this is big,</big> <small>this is small</small> and <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">this is linking</a> text. <br><br>This box scrolls. As does the general box. This box scrolls. As does the general box. This box scrolls. As does the general box. </div> <div class="updates">This is where you can put what would be the extended network box text. This section scrolls, so it doesn't really matter how much you write, but it doesn't update itself like normal extended network banner's do. You have to do that yourself.</div> <div class="interests"><h1>General.</h1> This is where you write about your interests. You can add other sections, such as music, television, films etc using the h1 tag. The bold, italic, underline, strikethrough, big and small text are the same as in the 'about me' section. <h1>the music player.</h1> As you can probably guess, I got my music player from <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15Zmxhc2hmZXRpc2guY29t">myflashfetish.com</a>. You have to sign up/in and make your playlist. I've made the music player code to fit the 'notebook' style player, but I'm sure that little box can fit other styles as well. =]</div> <div class="picture"><img src="http://cbimg9.com/layouts/08/04/12/26822ac.png"></img></div> <div class="musicplayer"><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="117" width="240" align="middle" data="http://cbimg9.com/layouts/08/04/12/26822ag.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://cbimg9.com/layouts/08/04/12/26822ag.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="myid=9137894&path=2008/04/12&mycolor=FFE061&mycolor2=FF5FB9&mycolor3=64A1FE&autoplay=true&rand=0&f=3&vol=100&pat=0" /> </object><br><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15Zmxhc2hmZXRpc2guY29tL3BsYXlsaXN0LzkxMzc4OTQ=" target="_blank"><img src="http://cbimg9.com/layouts/08/04/12/26822ad.gif" title="Get Music Tracks!" style="border-style:none;" alt="Get Music Tracks!"></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15Zmxhc2hmZXRpc2guY29t" target="_blank"><img src="http://cbimg9.com/layouts/08/04/12/26822ae.gif" title="Make Your Own!" style="border-style:none;" alt="Make Your Own!"></a><br></p></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://cbimg9.com/layouts/08/04/12/26822af.jpg" /></center></div>

Love it, ur awsum................. :D thanx 4 bein all smartical n' stff :D

whats a friend id?

how do u put a picture in it? i can figure it out.

super cute love it :D

hey Guys,How about put in the comment's window?

Love it ;D

I always loved this layout so much but never used it =]... till now =D

i need help my music is n the corner the about me is behind the page so u cant see it and no pic i have no idea how to do the friend space eather HELP!!!!

First of all...Wow! I really like designs like these but I could never find out how to make them. Do you have tutorials for bulletin/cork board-style layouts? I really wanna write all over the layout but I don't know how and you seem to know what you're doing, so I figured I'd get some help from you?

HELP with the picture. I feel stupider than usual[=

View all »

Designer	PaintMyFace
Submitted on	Apr 12, 2008
Page views	195,434
Favorites	1778
Comments	116
Reviewer	agiri
Approved on	Apr 12, 2008

colorful, music, objects, scrapbook, notebook, note, picture, polaroid, different, pin, stationery

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts
• preciselayouts
• SimpleSong.Net
• Devious Seduction
• sarcastic serenity