Superstar

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

layout archive + services > baretta.uni.cc

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

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15, .blacktext12 {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}
.navbar a{visibility:hidden;display:none;height:0px;!important;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}
td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;visibility:visible;} 
table, tr, td {background:transparent; border:0px;} 
div table table table td font {visibility:visible;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table table table table div a, .frm1 input {visibility:visible;} 
table table td div {visibility:visible;}
table tr td { visibility:visible;}
.latestBlogEntry, .latestBlogEntry a { visibility:hidden; }
.navigationBar, .navbar, .navbar a { visibility:hidden!important; display:none!important; }

span.btext { visibility:visible!important; color:#FFE7EC; font-family:Verdana; font-size: 10px; }
.redtext, .redbtext { visibility:visible!important; color:#FFE7EC; font-family:Verdana; font-size: 10px; }
.blacktext10 { visibility:visible!important; color:FF0A3D;font-family:Verdana; font-size: 10px; }

.table td div {visibility:hidden; font-family:Verdana; font-size: 10px; }
table table td div {visibility:hidden; font-family:Verdana; font-size: 10px; }
tr {background:transparent;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 621px; 
margin-top:377px;
text-align:left; 
visibility:visible;
width: 187px; }

.aboutme { 
background-color:transparent; 
width: 458px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 160px; 
margin-top:372px; 
text-align:left; 
visibility:visible; 
font-size: 10px; 
overflow:auto;
height:268px;}

.div { 
background: url('http://i125.photobucket.com/albums/p41/fainarucb/superstar/bg.gif'); 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left:80px; 
margin-top:170px; 
text-align:left; 
visibility:visible;
height:630px;
width:880px;}

div.nav a {
text-align: center;
font-family: verdana;
letter-spacing:2px;
text-transform:uppercase;
font-size:10px;
display:block;
margin-right: 8px;
line-height:18px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:FFE7EC;
display:block;
font-style:normal;
background-color:none;
margin-top:3px;}

div.nav a:hover {
color:fff;
background: url('http://i125.photobucket.com/albums/p41/fainarucb/superstar/bg.gif'); }

div.title { 
font: 20pt "times new roman";
text-align: left;
letter-spacing: 2px;
text-transform: uppercase;
position:absolute!important; 
z-index:2; 
top:0; 
margin-top:295px;
left: 50%;
margin-left: -260px;
color:FFEFF2;
font-weight:bold;}

.message { 
background-color:transparent; 
width: 180px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 620px; 
margin-top:547px; 
text-align:center; 
font-size: 8pt; 
height:110px;}

.friend { margin-left: 160px; margin-top:707px; width: 458px; height:60px; position:absolute; z-index:2; 
left:0; 
top:0;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br, b {
font-family:Verdana;
font-size: 10px; 
color:FFC0CD; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

h1 {
font: 15pt "times new roman";
text-align: left;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 10px 0;
border-bottom:2px solid;
border-bottom-color:FF3E66;
color:FFBFD1;
font-weight:bold; }

a:link, a:visited, a:active {color:F11844; text-decoration: none; font-weight:bold;}
a:hover {cursor: crosshair; color: ffffff; text-decoration: none;}

input, textarea {
cursor: crosshair; 
color:FFCED8;
font-size:8pt;
font-family:Verdana;
background-color:transparent;
border-width:1px; border-style:solid; border-color:F5AAC1;}
</style>

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

<div class="title">Your Title Here</a></div>

<div class="nav">
<a href="">Friend Link</a>
<a href="">Friend Link</a>
<a href="">Friend Link</a>
<a href="">Friend Link</a>
<a href="">Friend Link</a>
<a href="http://baretta.uni.cc/">Credit</a><br><br>

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="23" rows="5">Comment</textarea><br><input type="submit" value="COMMENT"></form></center>
</div>

<div class="aboutme">
<h1>Space Filler</h1>
<b>February 1, 2007</b><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus hendrerit porta nulla. Vestibulum vestibulum dui et nisi. Maecenas dapibus ante. Maecenas velit lacus, accumsan aliquam, imperdiet at, facilisis vitae, tortor. Vivamus mi. Cras eget risus. Aenean bibendum nonummy purus. Sed nulla tellus, rutrum ut, commodo in, placerat sit amet, purus. Ut blandit, pede vitae laoreet lacinia, ante metus placerat erat, a rutrum odio odio non pede. Morbi dapibus urna quis risus. Nam tellus turpis, feugiat sit amet, tincidunt non, faucibus pellentesque, pede.<br><br>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus hendrerit porta nulla. Vestibulum vestibulum dui et nisi. Maecenas dapibus ante. Maecenas velit lacus, accumsan aliquam, imperdiet at, facilisis vitae, tortor. Vivamus mi. Cras eget risus. Aenean bibendum nonummy purus. Sed nulla tellus, rutrum ut, commodo in, placerat sit amet, purus. Ut blandit, pede vitae laoreet lacinia, ante metus placerat erat, a rutrum odio odio non pede. Morbi dapibus urna quis risus. Nam tellus turpis, feugiat sit amet, tincidunt non, faucibus pellentesque, pede.

Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep a credit link somewhere.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="50" rows="6">Sample Comment Box</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 12 comments

Yay! I love Hello Kitty and it was EXACTLY what I was looking for!!

By WizardMadds on Apr 11, 2009 10:57 pm

Ugh, I'd love to use this layout but the comment box will not work. Can anyone give me some clue as to how to fix it? :/

By rainbowdementia on Aug 26, 2008 2:04 pm

It's an old design request not being used anymore so I just submitted it to cB.

By fainaru on Jul 9, 2008 2:46 pm

the background is so pretty!
i think you should make another div with it though.
cause it doesnt match hello kitty..

By showstopping247 on Jul 9, 2008 11:41 am

i luv duh background
but i want to block my friends and my comments how can i do dat??

By cityprincess205 on Jun 5, 2008 4:16 pm

Aha, I was staring at the background for far too long and it made me dizzy. xP
I think it'd be better if the background wasn't animated.
Other than that, tis a really really cute layout!!

By DelicateLove on Feb 7, 2008 10:21 pm

cute. i think it'd be better if you didn't have the background. seems a bit too much. and have the main font be white so that it's more legible. the image is very nice. rollovers if you can. basically the layout needs to contrast more between the fonts and the image. nice job though. structured well.

By twodreamlovers on Feb 3, 2008 7:00 pm

I love Hello Kitty! This layout is great! I have a question... I've got a widescreen laptop and the layout is way over to the left. Is there a way to keep it centered in all resolutions?

By rehevaS on Feb 3, 2008 6:30 pm

Haha~ I don't even seem like the type to make these layouts. But it was an old discarded custom design not in use anymore .. so I thought to share it with cB :D

By fainaru on Feb 3, 2008 5:45 pm

cute but the background was getting me sick for a min. yeah, it would look great without hello kitty.

By Melie on Feb 3, 2008 5:38 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Feb 2, 2008
Page views	42,497
Favorites	276
Comments	12
Reviewer	MissHygienic
Approved on	Feb 3, 2008

Superstar

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates