color my world

Designer's Comments

Look carefully for specific instructions

I REALLY RECCOMEND YOU KNOW HTML BEFORE USING THIS. but I will be happy to help anyone who doesn't know it...

in the coding you will find, around the navigation as well as the image map "XXXXXXXX" there I want you to put your friend id #

The layout will expand and contract depending on how much stuff you put on it, so dont worry about overflowing the div or anything. There will also be a place where you will find "YOUR NAME'S MYSPACE" just put any title you want there...please keep the credits :D thanks!

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">
.n{ HIDE STUFF }
.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;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px !important;}
</style>
<style>
body table td div form {display:none !important;}
</style>
<style>div table div div select {position:absolute !important;  top:100px !important; left:0px !important; }</style>

</td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css">

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;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;}
img { border:0;}

.head { 
font-family: century gothic; 
font-size: 10pt; 
text-transform: uppercase; 
color: fffff; 
background-color: F23388; 
border: fff 0px; 
border-style: dotted; 
text-align:center; 
font-weight: bold; 
height: 15px;}

BODY {
background-color:94C7F4;
background-image:url('http://cbimg6.com/layouts/08/02/28/25846aa.png');
background-repeat:repeat;
background-attachment:fixed;
cursor: crosshair; 
	scrollbar-arrow-color: #94C7F4;
		scrollbar-face-color:#94C7F4;
		scrollbar-highlight-color:#94C7F4;
		scrollbar-darkshadow-color:#fff;
		scrollbar-shadow-color:#fff;
		scrollbar-3dlight-color:#94C7F4;
		scrollbar-darkshadow-color:#94C7F4;
		scrollbar-track-color:#94C7F4;
}

.main_td {
width: 542px;
top:105px; left:0px;
border: 10px solid D5F078;
background-color: ffffff;
}

.navwidthtd {
width: 142px;
}

.contentwidthtd {
width: 400px;
}

#links {
color: 000000;
font-size: 11px;
text-align: left;
font-family: century gothic;
font-weight: normal;
letter-spacing: 0px;
line-height: 17px;
padding: 0px 5px 0px 12px;
}

#main {
color: 000000;
font-size: 11px;
text-align: justify;
font-family: century gothic;
font-weight: normal;
letter-spacing: 0px;
line-height: 17px;
padding: 0px 14px 0px 0px;
}

A:link, A:visited, A:active 
{
	cursor:crosshair;
	text-decoration: underline; 
	font-family: century gothic; 
	font-size: 13px;
	color:3DD5F9;}

A:hover
{

cursor: crosshair;
        font-family: tahoma;	
	font-size: 11px;
	color:fff;
}

input, textarea{
	color: 000;
	font-size: 13px;
	font-family: verdana;
	border: ED7907;
	border-style: solid;
border-top-width: 2px;
border-bottom-width: 2px;
border-right-width: 2px;
border-left-width: 2px;
background-color: 94C7F4;
	scrollbar-arrow-color: #94C7F4;
		scrollbar-face-color:#94C7F4;
		scrollbar-highlight-color:#94C7F4;
		scrollbar-darkshadow-color:#fff;
		scrollbar-shadow-color:#fff;
		scrollbar-3dlight-color:#94C7F4;
		scrollbar-darkshadow-color:#94C7F4;
		scrollbar-track-color:#94C7F4;
}
a.linkies:link, a.linkies:active, a.linkies:visited{
background-color:3DD5F9;
color:000000;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:2px;
text-decoration:none;
width:137px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1pt;
margin-bottom:1px;
}
a.linkies:hover{
background-color:fff;
color:FFFFFF;
font-family:small fonts;
font-size:7px;
text-align:center;
padding:2px;
text-decoration:none;
width:137px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1pt;
margin-bottom:1px;
}
b{
background-color:ffffff;
{
</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<p class="head">navigate</p>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="linkies">home</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=!!!!!!!!" class="linkies">comment</a>

<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=!!!!!!!!" class="linkies">friends</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=!!!!!!!!" class="linkies">blogs</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=!!!!!!!!" class="linkies"> pictures</a>
<p>

<p class="head">partners</p>
<A href="friends link"class="linkies">bestfriend</a>
<a href="friends link"class="linkies">boyfriend</a>
<a href="friends link"class="linkies">friend</a>
<a href="friends link"class="linkies">friend</a>
<p>

<p class="head">credits</p>
<a href="http://createblog.com"class="linkies">createblog</a>
<a href="http://myspace.com/you_make_me_twitch"class="linkies">Jayna</a>
</td>

<p class="head">Header</p>
This is a very complicated yet simple layout, I love it to bits personally. YOu can put your about me section here :D enjoy<br>

<p class="head">About me</p>
you can delete this....lol...put your about me here

I  think we have an emergency 
I think we have an emergency
If you thought I'd leave then you were wrong
Because I won't stop holding on

So are you listening?
So are you watching me?
If you thought I'd leave then you were wrong
Because I won't stop holding on

This is an emergency
So are you listening?
And I can't pretend that I don't see this

It's really not your fault
And no one cares to talk about it
To talk about it

Cause' I've seen love die way too many times 
When it deserved to be alive
(When it deserved to be alive)
I've seen you cry way too many times 
When you deserved to be alive
Alive...

So you give up every chance you get
Just to feel new again

I think we have an emergency
I think we have an emergency
[Emergency lyrics on http://www.metrolyrics.com]

And you do your best to show me love
But you don't know what love is

So are you listening?
So are you watching me?
Well I can't pretend that I don't see this

It's really not your fault
And no one cares to talk about it
To talk about it

Cause' I've seen love die way too many times 
When it deserved to be alive
(When it deserved to be alive)
I've seen you cry way too many times 
When you deserved to be alive
Alive...

(The scars they will not fade away)

And no one cares to talk about it
To talk about it
Cause' I've seen love die way too many times 
When it deserved to be alive
(When it dserved to be alive)
I've seen you cry way too many times 
When you deserved to be alive
Alive...
(Alive...) 
</div>

<div style="border :none; background :transparent; color : ffffff; padding : 4px; width : 400px; height : 70px; overflow : auto; position: absolute; top:410px; left:250px;">
<h2>your name's myspace</h2>

</div>

</td></tr></table></td></tr><tr><td>
</td></tr></table></BODY></HTML>

Layout Comments

Showing latest 10 of 45 comments

I love the colorfulness of this. Although I think the background is just a bit too much. I would have left it white.

By BlackRabbit on Aug 7, 2009 12:11 am

How can I put a picture in the orange box?

By MadelineAnn on Oct 25, 2008 8:46 pm

YOU SHOULD LET PPL KNOW THAT ON THE !!!!!!! PARTS YOU HAVE TO PUT YOUR URL. ALSO =] BUT OTHER THAN THAT IT WORKS GREAT FOR ME

By mizzhollyhood on Oct 6, 2008 1:28 am

hey this layout is pretty nice...
but how would u link your friends page to the partner header?

By ayers16 on Sep 26, 2008 1:06 pm

Love the paramore lyrics lol.

By dilligrout on Sep 24, 2008 11:57 am

i want to put a music playlist from myflashfetish.com
but it wont show it!!! =[ can u help me plz!!!

By chaparra4 on Aug 30, 2008 5:24 pm

i cant find the "your name's myspace: either
:( HELP!
I REALLY LIKE THIS LAYOUT!!

By mrzbarker17 on Aug 3, 2008 11:33 pm

Hey

i really like the layout but i was thinking that it would be cool to hve a picture in the orange box. i looked for the code but couldn't find it...any help?

By luluk on Jul 27, 2008 9:20 pm

love da layout but how do i get the links under partner to go to my friends page and put my picture in the orange box

By uniquesoutherngrl on Jul 9, 2008 4:37 pm

Hey love your layouts but how can i put a picture in the orange box?

By Curistaxo8 on Jun 12, 2008 1:36 pm

View all »

Layout Details

Designer	xcocoaxmuffinx
Submitted on	Feb 28, 2008
Page views	59,196
Favorites	532
Comments	45
Reviewer	MissHygienic
Approved on	Feb 28, 2008

color my world

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates