Colour Vector

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace all XXXXXXXX's with your Friend ID. etc.etc.
dont remove credit please =)

tested in IE and Firefox.

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

body {
	background-color: d0d755;
	scrollbar-face-color:c03260; 
	scrollbar-highlight-color:c03260; 
	scrollbar-3dlight-color:c03260; 
	scrollbar-shadow-color:c03260; 
	scrollbar-darkshadow-color:c03260; 
	scrollbar-arrow-color:d0d755; 
	scrollbar-track-color:d0d755;
	cursor: crosshair;
}

.title {
	background-color:transparent;
	font-family:verdana;
	font-size:20pt;
	color:000000;
	border:0;
	line-height:20px;
	height:40px;
	width:290px;
	overflow:none;
}

.box1 {
	font-family: verdana;
	font-size:8pt;
	color:000000;
	background-color:transparent;
	border:0;
	line-height:12px;
	height: 100px;
	width: 270px;
	overflow:auto;
}

.box2 {
	font-family: verdana;
	font-size:10pt;
	color:000000;
	background-color:transparent;
	line-height:16px;
	height: 275px;
	width: 275px;
	overflow:auto;
	border:0;
}

.box3 {
	background-color:transparent;
	line-height: 10px;
	height:100px;
	width:200px;
	border:0;
}

a:active,a:visited,a:link{ font-family: verdana; font-size: 10pt; color:3ca051 ; text-transform:uppercase; text-decoration:none; font-weight:bold; background-color:none;}
a:hover{font-family: verdana; font-size: 10pt; color:3353c0; text-transform:lowercase; text-decoration:none; font-weight:bold; background-color:tranparent;}	
a:link img, a:visited img {filter: none; border:0px}

.r{}
b {font-weight: bold; text-transform: none; font-color: 0000FF; font-family: arial;}
u {font-family: terminal; font-color: 000000; border-bottom: 1px dotted; letter-spacing: 0px; font-weight: underline;}
i {font-weight: italic; font-style: italic; text-transform:lowercase; font-color: FF0000; font-family: times new roman; letter-spacing: 0px;}

table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table 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}
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;}
td.text table table {display:inline; visibility:visible;}

td td embed {width:0px; height:0px;}
td td embed, td td object {position:absolute; top:275px; left:21px; width:145px; height:25px;}
td.text embed, td.text object {width:0px; height:0px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}

.comments{visibility:visible;width:0px; height:0px;position:absolute;
top:0px;left:0px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="box2" style="position:absolute; top:190px; left:440px;">
<u>underline</u> <b>bold</b> <i>italic</i> <a href="">link</a><br><br>

blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
blah blah<br>
</div>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" style="width: 160px; height: 60px;" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">bumpin'</textarea> 
<br><br>
<center><input value="BANG ME!" style="border-width: 1px; border-style: solid; border-color: 000000; width:97px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"></center></form>

Layout Comments

Showing latest 10 of 14 comments

Nice idea!

By Butterface89 on Sep 18, 2010 2:04 pm

I Love this layout...
I just can't seem to get the comment box to work...
Help!

By greentea493 on Nov 5, 2007 12:12 am

i love it.
but how would i make a link so ppl can go to my blog?

By takearideonthepeacetrain on Oct 29, 2007 1:06 pm

ii WOULD LiiKE TO KNOW HOW DO ii PUT MY OWN PiiC. AND ECT. iiN iiT??

By 2much2tame on Oct 3, 2007 4:16 pm

How can i make the music player bigger?
and put it in the first box up in the top left corner?

By ratedrsupers on Sep 30, 2007 2:15 pm

HOW CAN ADD SOMETHING ON YM BACKGROUND???4EXAMPLE PIC.MY NAMEEXT....

By PAGGY on Sep 29, 2007 9:11 am

PAGGY

By PAGGY on Sep 29, 2007 9:10 am

This just makes me feel like I was on a trip XD woo hoo!

By lilsnoopy on Sep 25, 2007 12:15 am

the navigation is cool different. is it possible to change the font color though, if i use it, i mean? =D

By jesusisthebestthing on Sep 24, 2007 10:28 pm

nice

By jmollinea on Sep 24, 2007 6:45 pm

View all »

Layout Details

Designer	sebcglbailey
Submitted on	Sep 23, 2007
Page views	21,472
Favorites	165
Comments	14
Reviewer	anime-essence
Approved on	Sep 23, 2007

Colour Vector

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates