star love

Myspace Layouts / Div Overlay

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"> 
table, tr, td {background:transparent;} 
table table table table, table.contactTable{display:none;} 
td.text table{visibility:hidden;}
.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-color:transparent;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
.comments{display:inline;} 
.comments table { width:300px !important; }

.name7{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660aa.gif) top left no-repeat; display: block;}
.name7:hover{background-position: bottom left;}

.name6{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660ab.gif) top left no-repeat; display: block;}
.name6:hover{background-position: bottom left;}

.name5{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660ac.gif) top left no-repeat; display: block;}
.name5:hover{background-position: bottom left;}

.name4{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660ad.gif) top left no-repeat; display: block;}
.name4:hover{background-position: bottom left;}

.name3{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660ae.gif) top left no-repeat; display: block;}
.name3:hover{background-position: bottom left;}

.name2{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660af.gif) top left no-repeat; display: block;}
.name2:hover{background-position: bottom left;}

.name1{height:34px; width: 52px; background: url(http://cbimg6.com/layouts/07/08/13/20660ag.gif) top left no-repeat; display: block;}
.name1:hover{background-position: bottom left;}

.r{move player}
td td embed, td td object { position: absolute; top: 950px; left: 310px; }
td td td embed, td td td object { position: static !important; }

.r{text and links}
input {background-color:transparent !important;}
td, span, div,nav, input, a, table td div div font,
body div table tbody tr td font {font-family:century gothic !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:ffffff !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .blacktext10, .redbtext, .btext {color:ffebe9!important; font-size:12px !important;}

b, strong { font-family: arial; font-size: 12px; color: ffffff; font-weight: normal; text-transform:uppercase;}
i{font-family: century gothic; font-size: 12px; color:88979c;}
u{ font-family: century gothic; font-size: 14px; line-height: 10px; letter-spacing: 2px; color:ffffff;}

a {color:88979c !important; font-family: century gothic; text-decoration:none; text-transform:none; font-weight:normal; font-size:13px; cursor:default; font-style:none;}
a:hover {color:ffffff; font-family: century gothic; text-decoration:none; text-transform:none; font-weight:normal; font-size:11px; cursor:crosshair; font-style:none;}

a:hover {font-size:12px; font-family: century gothic; color:ffffff; text-decoration:none; text-transform:none; font-weight:none; cursor:crosshair;}

body {
direction:ltr;
background-image:url(http://cbimg6.com/layouts/07/08/13/20660ah.gif);
background-color:ffffff;
background-repeat:repeat;
background-attachment:scroll;}

.comments {
background-color:transparent;
border:0px solid white;
font-family:century gothic;
font-size:10px;
font-weight:none;
color:ffffff;
text-align:left;
padding: -10px;
position:absolute;
direction: rtl;
left:485px;
top:698px;
z-index:2;
height:175px;
width:375px;
overflow:auto;}

.commentbg {
position: absolute; 
left:470px; 
top:622px; 
width:396px; 
height:270px; 
overflow: hidden;}

.aboutbg {
background-image:url(http://cbimg6.com/layouts/07/08/13/20660ai.gif);
border:0px solid white;
position:absolute;
direction: rtl;
left:470px;
top:115px;
height:476px;
width:396px;
overflow:hidden;}

.aboutme {
position: absolute; 
left:485px;  
top:170px; 
width:370px; 
height:360px; 
overflow: auto; 
background-color: transparent; 
border: 0px; 
text-align:left; 
letter-spacing:1px; 
direction:rtl;}

.friendsbg {
position: absolute; 
left:140px;  
top:622px; 
width:300px; 
height:270px; 
overflow: hidden; 
background-color: transparent; 
border: 0px;}

.friendslinks {
position: absolute; 
left:145px;  
top:695px; 
width:290px; 
height:185px; 
overflow: hidden; 
background-color: transparent; 
border: 0px;}

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:-10px;}
td.text td.text table table br {display:inline;}

<resizes images in your comments>
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:90px;}
td.text td.text table table td img {width:150px; max-width:150px; width:auto;}
td.text td.text table table td div img {width:100px;}
* html td.text td.text table table td img {width:80px;}
* html td.text td.text table table td a img {width:80px;}
* html td.text td.text table table td div img {width:80px;}

.r{google}
div td form {display:none;}
table div td form {display:inline;}

</style></style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">
<img src="http://cbimg6.com/layouts/07/08/13/20660ak.jpg" align="left" border="0" alt="click for more pics"></a>
<b>name:</b>  your name<br>
<b>birthday:</b> your birthday<br>
<b>hometown:</b> your hometown<br>
<b>status:</b>  relationship status<br>
<b>music:</b>  your fav music<br>
<b>movies:</b>  your fav movies<br>
<b>tv:</b>  your fav tv shows<br>
<b>interests:</b>  things your interested in<br>
<b>activities:</b> things you like to do<br><br>
<center>this will scroll...<br><br>
<b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a><br><br>
the stars are the navigation...<br>
.<br>
.<br>
.<br>
.<br>
.<br>
v
</div>

Layout Comments

Showing latest 10 of 36 comments

love it. :]

By samanthaxrandom on Nov 7, 2008 9:35 pm

for some reason the about me is underneath the layout.. how do i fix it?

By bobera on Apr 27, 2008 2:45 pm

omigawsh. I love this profile.

By silvertear on Feb 22, 2008 6:25 am

Hello! I'm new to this & LOVE this layout. Not sure where to put my ID info (or where I find it) so that the profile & links work. Thanks!

By livviesma on Jan 26, 2008 3:14 pm

LOVE the pic that was used, not a fan of that color blue paired with the pink but it's still pretty =]

By drpepperlove on Oct 2, 2007 11:57 am

for some reasons my comment box is black... =( what is going on? I really wanna use this layout. stars are my fave!!

By fashiongongju on Sep 22, 2007 5:17 am

Never mind I fixed my problem. Love the profile its so cutie.

By jen-heart-25 on Sep 15, 2007 3:49 pm

I like, but was wondering can you change the star that goes directly to your pixs? I tried and nothing happened. Am I doing something wrong?

By jen-heart-25 on Sep 15, 2007 3:33 pm

very cute good job

By sh4waty on Sep 7, 2007 7:56 pm

yes, you put your friend's url there.

By coffeebeanlove on Sep 7, 2007 4:06 pm

View all »

Layout Details

Designer	coffeebeanlove
Submitted on	Aug 13, 2007
Page views	79,772
Favorites	546
Comments	36
Reviewer	IVIike
Approved on	Aug 13, 2007

star love

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates