Be Vibrant!

Designer's Comments

Look carefully for specific instructions

This is like my Simplicity layout, lots of people liked that layout so I decided to make a similar one but with vibrant colors!

-Place BOTH codes, into About Me and I'd Like To Meet

-Replace all the etc with what you want it to say about yourself.

-Replace the XXXXXXXXXX with your friendid

-If you don't have anything nice to say don't say it at all.

-This layout is NOT centered. Please do NOT ask.

PM me with any problems, so please don't ask questions here, and please don't ask really dumb questions! And also don't ask for me to remove the comments.

-For more of my layouts click here

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: fffff9;
background-position:top left;
background-attachment: repeat;
scrollbar-arrow-color: fffff9;
scrollbar-face-color: fffff9;
scrollbar-3dlight-color: fffff9;
scrollbar-darkshadow-color: fffff9;
scrollbar-shadow-color: fffff9;
scrollbar-highlight-color: fffff9;
scrollbar-track-color: fffff9;
}

b {
color: FFFFFF;
font-size:9pt;
cursor:default;
line-height:13px;
letter-spacing:-1px;
font-family:arial;
text-transform:none;
}

I {
color: fefff9;
letter-spacing: 1px;

}

u {
color: ffffc0;
}

s {
color: 000000;
}

.commentlinks {display:none;}
body div table td form img{display:none!important;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {text-transform: uppercase; letter-spacing:2px; line-height: 9px; font-family: small fonts; font-size: 7px; color: FFFFFF;}
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,
.redtext,.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;}
embedembed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.friendSpace { display:none; }
.friendsComments { display:none; }
td td embed, td td object { position: absolute; top: -200px; left: -200px; }
td td td embed, td td td object { position: static; }

.comments{
visibility: visible;
width: 500px;
height: 159px;
position:absolute;
top: 649px;
left: 135px; 
overflow: auto;
background-color:transparent;
border:black 0px solid;
z-index: 2;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

.aboutme1{
position: absolute;
width: 299px;
padding: 1px;
z-index: 3;
height: 336px;
text-transform:uppercase;
letter-spacing:2px;
line-height: 9px;
overflow: auto;
font-family: small fonts;
font-size: 7px;
color: FFFFFF;
top: 107px;
left: 135px;
}

.navigation{
position: absolute;
width: 194px;
z-index: 4;
height: 197px;
text-transform:uppercase;
letter-spacing:2px;
line-height: 9px;
overflow: auto;
font-family: small fonts;
font-size: 7px;
color: FFFFFF;
top: 107px;
left: 441px;
}

.basics{
position: absolute;
width: 194px;
padding: 1px;
z-index: 5;
height: 174px;
text-transform: uppercase;
letter-spacing:2px;
line-height: 9px;
overflow: auto;
font-family: small fonts;
font-size: 7px;
color: FFFFFF;
top: 311px;
left: 441px;
}

.etc{
position: absolute;
width: 299px;
padding: 1px;
z-index: 6;
height: 192px;
text-transform:uppercase;
letter-spacing:2px;
line-height: 9px;
overflow: auto;
font-family: small fonts;
font-size: 7px;
color: FFFFFF;
top: 450px;
left: 135px;
}

.comment
{position:absolute;
width: 194px;
padding: 1px;
z-index: 7;
padding: 2px;
height: 150px;
overflow: hidden;
left: 441px;
top: 492px; 
}

.name
{position:absolute;
width: 502px;
z-index: 8;
height: 70px;
color: 8fb9e1;
background-color: none;
letter-spacing: -8pt;
font-family: "arial";
font-size: 50pt;
line-height: 50pt;
overflow: hidden;
left: 134px;
top: 31px;
text-align: center; 
}

.titles {display: block;
visibility: visible;
color: FFFFFF;
background-color: none;
letter-spacing: -2pt;
font-family: "arial";
font-size: 18pt;
line-height: 18pt;
text-transform:lowercase;
text-align: left;
}

a:link, a:visited, a:active {
text-decoration : none;
color : FFFFFF;
font-size : 7px;
line-height: 9px;
font-family: small fonts; }
}
a:hover {
text-decoration : none;
font-size : 7px;
line-height: 9px;
font-family: small fonts;
color: 8fb9e1;}

a.box:link, a.box:visited, a.box:active {
text-decoration : none;
font-weight:normal;
color:  FFFFFF;
font-size: 7px;
text-align:center;
LINE-HEIGHT: 20px;
TEXT-TRANSFORM: uppercase;
font-family : small fonts;
background-color: ed008c;
display:block;}
}

a.box:hover {
text-decoration : none;
font-size: 7px;
font-weight:normal;
text-align:center;
LINE-HEIGHT: 20px;
TEXT-TRANSFORM: uppercase;
font-family : small fonts;
background-color:  ed008c;
background:url(http://img220.imageshack.us/img220/6595/backlinkgifha7.gif)
top left repeat-x;
color:  FFFFFF;
TEXT-TRANSFORM: uppercase;
display:block
</style>

</map>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navigation"> 
<P CLASS=titles>Navigation;</p>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewalbums&friendid=XXXXXXXX" class="box">Photographs</a>

<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX" class="box">View Friends</a>

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

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="box">Block</a>

</div>

<div class="aboutme1"> 
<P CLASS=titles>About me;</p>
Simple and Vibrant! This is where you talk about yourself, what you do, <b>etc etc etc etc</b> <i>etc etc etc etc</i> <u>etc etc etc etc</u> <s>etc etc etc etc</s> etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc etc</div>

<div class="etc">
<P CLASS=titles>ETC;</p>
Put whatever you want here, pictures, a music player, basically anything its a blank spot! blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank  blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank blank</div>

<div class="basics"> 
<P CLASS=titles>Basics;</p>
<b>Name</b>: blank<br>
<b>Age</b>: blank<br>
<b>Country</b>: blank<br>
<b>Eyes</b>: blank<br>
<b>Hair</b>: blank<br>
<b>Pets</b>: blank<br>
<b>Height</b>: blank<br>
<b>Nicknames</b>: blank<br>

</div>

Layout Comments

Showing latest 10 of 129 comments

I CARNT MAKE IT GO RIGHT!!!!!!!!!!! guh.
i love this

By URALTALK on Aug 12, 2009 10:49 pm

ok, so i must be like blind but i cant find where you put the "your name" if you could tell me thatd be great thanks(: Nice layout.

By BreatheCarolina on Jul 31, 2009 10:37 am

i followed the intructions but none of the words show..im lost..

By deshara on Feb 21, 2009 10:23 pm

i absolutely love the layout, but im not a big fan of some of the colors.
where do i change it?

By rastasasha on Feb 6, 2009 3:49 pm

HELP.
All of the text has disappeared.

By iheartnooyork on Jan 17, 2009 11:41 am

wow.
so simple and gorgeous.

By Ranie on Jan 16, 2009 2:24 pm

umm do yu mind telln me how to move the layout lower and to put my display pic up there???????i wuld really appreciate it

By kaylajenell17 on Dec 18, 2008 1:57 pm

and please tell me how to add my default picture in also.

thank you, i really appreciate it.

By kimber1ee on Oct 8, 2008 6:07 pm

can someone please help me figure oout how to move the layout lower so the ad doesn't cut it off please?

By kimber1ee on Oct 8, 2008 5:51 pm

yall go to a myspace generator and make this like he did

By billyy09 on Oct 8, 2008 5:07 am

View all »

Layout Details

Designer	hjp
Submitted on	Jul 16, 2007
Page views	211,983
Favorites	1342
Comments	129
Reviewer	freeflow
Approved on	Jul 16, 2007

Be Vibrant!

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates