Scrapbook style.

Designer's Comments

Look carefully for specific instructions

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.

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">
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>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

Layout Comments

Showing latest 10 of 120 comments

none of them are working for me... how the heelll do i make it work. somebody help me

By mlamb32 on Jun 10, 2010 1:38 am

This didnt work AT ALL.

By HopetheHotMess on May 27, 2010 1:57 pm

heyy!
I LOVE this!
you're awesome!
:D
I've pretty much got everything fixed, except for the music player..will You pleeeease help me with it!??
thankss

By AerielJ on Dec 17, 2009 11:22 am

ok, so theres these weird error icons next to my default.
how do i take them off?

By yeseneea on Nov 27, 2009 4:18 pm