Colour Abstraction.

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Pm if you're having troubles.
I advise you to do your friend ID first.
Replace XXXXX with your friend ID.

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 table {margin-top:-50000px;} body td table, body div table {margin-top: 0;} table, tr, td {background-color:transparent;} body div table form{display:none;}
body table div form{display:block;} div table td font {visibility:hidden; } a.navbar:active, a.navbar:visited, a.navbar:link { display:none; } a.navbar:hover { display:none; } .navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}a.text, table div font a, table div div{visibility:hidden;}table tr td div font {display: none;}body div table td form {display:none!important;}table, td, tr{ background-color:transparent;}div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }
body { background-color:000000; background-image:url('');
background-repeat:repeat; background-attachment:fixed;
background-position:top left; cursor:crosshair;
a:hover {cursor:crosshair;}}

img.lol {border:1px solid black;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

.layout {Height:500px; width:500px; top:90px; left:200px; position:absolute; overflow:auto;}

.about {top:280px; left:315px; height:110px; width:275px;
position:absolute; text-align:left; overflow:auto; font-family:arial; font-size:11px; color:000000; line-height:11px; font-weight:normal; text-transform:none; background-color:none; scrollbar-face-color:647A19; scrollbar-arrow-color:000000; scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19; scrollbar-highlight-color:647A19; scrollbar-3dlight-color:647A19; scrollbar-darkshadow-color:647A19; filter:chroma(color=647A19);}

.nav {
Height:20px; width:275px; position:absolute; overflow:auto; top:214px; left:315px; background-color:transparent;}

.xtra { top:420px; left:315px; height:110px; width:275px;
position:absolute; text-align:left; overflow:auto; font-family:arial; font-size:11px; color:000000; line-height:11px; font-weight:normal; text-transform:none; background-color:81ff90; scrollbar-face-color:647A19; scrollbar-arrow-color:000000; scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19; scrollbar-highlight-color:647A19; scrollbar-3dlight-color:647A19; scrollbar-darkshadow-color:647A19; filter:chroma(color=647A19);}

a:link, a:visited, a:active { font-family:small fonts;
font-size:7px; line-height:20px; color:000000; text-decoration:none; font-weight:normal; text-transform:uppercase; letter-spacing:-0px;}

a:hover { cursor:crosshair;
font-family:small fonts; font-size:7px; color:81fffe; text-decoration:none; font-weight:normal; background-color:black; text-transform:uppercase; font-weight:normal;
text-align:center; line-height:20px; letter-spacing:0px;}

b {font-family:arial; font-weight:normal; font-size:18px; color:000000; text-transform:uppercase; letter-spacing:-3px; display:block; background-color:transparent; line-height:22px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"> Message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"> Photography</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=274967b5-3ca0-470b-88c3-dfb05c91cf37"> Comment</a></center>

</div>

<div class="about">
About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. About me here. 
</div>

<div class="xtra">
<b>Music</b><br>
Songs songs songs Songs songs songs Songs songs songs
Songs songs songs Songs songs songs Songs songs songsSongs songs songs Songs songs songs Songs songs songsSongs songs songs Songs songs songs Songs songs songsSongs songs songs Songs songs songs Songs songs songs

<br><br><b>Books</b><br>
Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter Harry Potter :]

<br><br><b>Films</b><br>
 you blatez like the harry potter series you blatez like the harry potter series you blatez like the harry potter series you blatez like the harry potter series you blatez like the harry potter series you blatez like the harry potter series you blatez like the harry potter series you blatez like the harry potter series.<br>
</div>

Layout Comments

Showing latest 10 of 15 comments

will the myspace music player work on here

By Gem93ini on Jan 2, 2009 11:58 pm

its really simple
But i love it good work

By apclairebear on May 10, 2008 3:52 pm

I must just be really stupid or something, but I've little luck with these DIV layouts. Everytime designers say insert ID in XXXXX, there are NO multiple X's even when I press Ctrl+F --no luck. Weird.

By bogatasun on Feb 29, 2008 12:25 pm

You'd have to find a code that makes it smaller or edit the code to make it smaller and put it in the section you want it in.
But it probably won't work because it's an embed code which would make it be hidden like the music player.

If you're that desperate, find a new code for the music player, erase the old one and then put your video on.
Or get a different layout, either way.

By Decode on Feb 29, 2008 3:16 am

soo if i wanted to embed a youtube vid...how would i do that?

By lilbelizeanmami07 on Feb 28, 2008 7:41 pm

Where do I put my friend ID?

By shaunavon on Feb 28, 2008 5:12 pm

I like that this layout is small, it's the right amount of color and grunge. Good work.

By jesusisthebestthing on Feb 26, 2008 10:21 pm

i like this very much :)
but i think the nav box is too big for the nav. font,
but apart from that its great :)

By SammyTheHeadbutt on Feb 26, 2008 1:50 pm

fonts for the words are so small *squints eyes*

By PiNK-RAGe on Feb 25, 2008 8:33 pm

this is simple but it's cute. i like it. i think you should've made the background a different color from the content areas. good job.

By twodreamlovers on Feb 25, 2008 8:23 pm

View all »

Layout Details

Designer	Decode
Submitted on	Feb 25, 2008
Page views	27,386
Favorites	193
Comments	15
Reviewer	libertie
Approved on	Feb 25, 2008

Colour Abstraction.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates