Love Collage

Designer's Comments

Look carefully for specific instructions

Replace The 8 X's XXXXXXXX With your Friend ID okay?

There is a section to paste a custom picture of you and your lover =] 235width-x-227height

you can change the picture by quick finding this (f3 or CTRL + F) Phrase "div.innerchangebox"

and look shortly below that for something that says background-image:url(); and put the URL

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:3D4651;}
embed, object {width:5px; height:5px; position:absolute; top:0px; left:0px;}
.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12,.btext, .redtext, .redbtext {   display:none;   height: 0 !important;   visibility:hidden;}
td td td td {   border:0px;width:0px;text-align:left;}
table,td {   padding:0px;   width:0;   background-color:transparent;}
table table table {   padding:1px;   height:.01%;   width:100%;}
table table,table table table table,table,tr,td {   height:0px !important;   border:0px !important;}
a.text,table div font a,table div div,.navbar font,tr td font {   visibility:hidden;   display:none;   height:0px !important;}
table table table table,table table table table td.text, td.text td.text table {   display:none;}
td.text table table {   display:inline;   visibility:visible;}
table td table tr td.text table {   visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text {   visibility:visible;}
table.navigationBar {display:none;}
div.backgroundbox {position:absolute; top:150px; left:230px; width:539px; height:400px; background-image:url(http://cbimg6.com/layouts/08/03/04/25963aa.jpg);}
div.aboutmebox {position:absolute; top:204px; left:481px; width:229px; height:154px; overflow:auto; font-family:century Gothic;}
div.innerchangebox {position:absolute; top:164px; left:240px; width:235px; height:227px; background-image:url(http://cbimg6.com/layouts/08/03/04/25963ab.jpg); background-position:center; background-repeat:no-repeat;}
.creditsss {position:absolute; top:20px; left:0px; width:100px; height:100px;}
a.add {position:absolute; left:481px; top:363px; width:47px; height:23px;}
a.add:hover {background-image:url(http://cbimg6.com/layouts/08/03/04/25963ac.jpg);}

a.home {position:absolute; left:706px; top:172px; width:63px; height:26px;}
a.home:hover {background-image:url(http://cbimg6.com/layouts/08/03/04/25963ad.jpg);}

a.comment {position:absolute; left:605px; top:363px; width:76px; height:23px;}
a.comment:hover {background-image:url(http://cbimg6.com/layouts/08/03/04/25963ae.jpg);}

a.message {position:absolute; left:528px; top:363px; width:77px; height:23px;}
a.message:hover {background-image:url(http://cbimg6.com/layouts/08/03/04/25963af.jpg);}

a.photos {position:absolute; left:716px; top:229px; width:28px; height:57px;}
a.photos:hover {background-image:url(http://cbimg6.com/layouts/08/03/04/25963ag.jpg);}

a.block {position:absolute; left:681px; top:363px; width:63px; height:23px;}
a.block:hover {background-image:url(http://cbimg6.com/layouts/08/03/04/25963ah.jpg);}

a.credit {position:absolute; left:622px; top:526px; width:146px; height:23px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutmebox">
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
YOUR ABOUT ME GOES HERE =]]
v
</div>

<div class="innerchangebox"> Picture Of You And Your Love Can Go Here!</div>

<div class="creditsss"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=322688104">Rawr Damnit!!</div>
<a class="add" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"></a>
<a class="home" href="http://home.myspace.com/index.cfm?fuseaction=user"></a>
<a class="message" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"></a>
<a class="credit" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=27952433"></a>
<a class="comment" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"></a>
<a class="photos" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"></a>
<a class="block" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"></a>

<div class="commentbox">
<style type="text/css">
textarea.rawrbox { color: 000000; font-family: century Gothic; font-size: 16px; text-transform: none; letter-spacing: 0px; text-align: right; line-height: 15px; height: 54px;
 width: 152px; border-width: 0px; background-color:transparent; position:absolute; left:273px; top:440px;}
input.rawrpush {color:transparent; font-family: small fonts; font-size: 8px; text-transform: lowercase letter-spacing: 0px; text-align: center; line-height: 10px; background-color: transparent;
 height:33px; width:160px; border-width: 0px; position:absolute; left:275px; top:495px;}
</style>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" class="rawrbox">Write Me A Love Comment</textarea>
<input type="submit" value=" " class="rawrpush"></form>
</div>

Layout Comments

Showing latest 10 of 14 comments

cute

By BlissyBoo on Jul 17, 2008 11:14 am

This doesn't work right for me.. there's links showing up in the background. Maybe it's just me.. I'm not sure.. Still beautiful.. I like that its kinda plain.. Very simple :]

By beautifulxbutxdeadly on Mar 7, 2008 12:47 am