No One Will Catch You

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Remember to put your USER ID code whereever it says *****YOUR USER ID HERE***** -^^- 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

<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><style>
body {
cursor: normal; 
align: center;
scrollbar-face-color: DEEF9C;
scrollbar-shadow-color: DEEF9C;
scrollbar-highlight-color: DEEF9C;
scrollbar-3dlight-color: DEEF9C;
scrollbar-darkshadow-color: DEEF9C;
scrollbar-track-color:DEEF9C;
scrollbar-arrow-color: 000000;
background-color:DEEF9C;
overflow-x:hidden;
}
.nametext {visibility: hidden !important;}
div div table tr td a.navbar, div div table tr td font {visibility: hidden !important;}
tr {background:transparent;}
table div font a, table div div {visibility: hidden !important;}
table table div font a, table table div div 
{visibility:visible;}
table table td.text table td.text table table tbody td table, span.btext 
{display: none !important}
table table td.text table td.text tbody table tbody td table td {display: none !important;
}
.redlink, .orangetext15, .btext {
color: 000000;
font-size: 1;
}
table table { 
border:none;
background-color: ffffff;
width:250px;
padding:1;
} 
table table table table td{
width:250;
} 
table table table table{ 
border: none;
width:360px;
background-color:transparent; 
align:right;
padding:1;
} 
p, table, tr, td, th, div{
border: 0px;
background:DEEF9C;
font: 8pt arial; 
color: 000000; 
letter-spacing: 0px; 
text-align: justify
}
font {
background-color: transparent;
}
P {
font: 8pt arial; 
color:000000; 
letter-spacing: 0px; 
text-align: justify;
}
.blacktext10 {
font: 8pt arial; 
color:000000; 
letter-spacing: 0px; 
text-align: justify; 
display:block;
}
a, a:link,a:active {
text-align: justify;
color:000000; 
background-color:ffffff;
font:normal 8pt arial;
text-decoration: none;
}
a:visited{
color:000000; 
background-color:ffffff;
font:normal 8pt arial;
line-height:8pt;
text-decoration: none;
}
A:hover {
font: 9px times new roman; 
color:ffffff; 
background-color:000000;
text-decoration: none
letter-spacing: 1.5px;
text-transform: uppercase;
text-align: center;
width:220px;
}
b, strong, .btext {
font: 8pt arial; 
font-weight: heavy; 
color: 424242; 
text-align: justify;
}
i, em, .itext {
font-family: arial; 
font-size: 8pt;
color: DEEF9C;
text-align: justify;
}
u, s, .stext, .sbtext, .swtext {
font-family: arial; 
font-size: 8pt;
color: 000000;
border-bottom: 1px DOTTED #DEEF9C;
text-align: justify;
}
li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12, .whitetext12, .orangetext12, .nametext{
font: 8pt/8pt arial; 
color:000000; 
letter-spacing: 0px; 
text-align: justify;
}
a:hover.pic img {
filter:alpha(opacity=80);
}
a.pic img {
filter:none;
}
.blacktext10 {
font-weight: normal; 
font-size: 8pt; 
padding-bottom: 2pt; 
padding-top: 0pt; 
color:000000; 
border-bottom: 000000 0px solid; 
font-family: arial; 
text-decoration: none; 
text-align: center; 
letter-spacing: 0.0em;
}
.header {
font-weight: normal; 
font-size: 8pt; 
padding-bottom: 2pt; 
padding-top: 0pt; 
color:000000; 
border-bottom: 000000 0px solid; 
font-family: arial; 
text-decoration: none; 
text-align: center; 
letter-spacing: 0.0em;
z-index: 3;
}
.content{
background-color: transparent;
}
</style>

<div class="content" style="position: absolute; left: 28px; top:701px; width:486px; height: 211px; overflow: auto;">
</a>
Name: your name
 
Age: age
 
Location: city,state
 
Status: status
 
Here for: here for
 
Ethnicity: ethnicity
 
Zodiac Sign: zodiac sign
 
Smoke / Drink: smoke/drink
 
Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. Place anything here. 
</div>

<div class="content" style="position: absolute; background-color:transparent; left: 620px; top:652px; width:237px; height:130px; overflow: auto;">
<center><a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> 
<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=**XXXXXXXX**">comments</a> 
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=**XXXXXXXX**">message me</a> 
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=*****YOUR MYSPACE ID HERE*****">view videos</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=*****YOUR MYSPACE ID HERE*****">add me</a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=**XXXXXXXX**">view photos</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.editfriends&friendID=**XXXXXXXX**">edit friends</a> 
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=**XXXXXXXX**">view my friends</a> 
<a href="http://www.xanga.com/strawberry_ramen">Strawberry Ramen</a>
</center>

</div>

Layout Comments

Showing latest 8 of 8 comments

It looks like you just googled some random wallpaper and put some transparent boxes over it.

The font is way too small, especially for those boxes (which are too big)

The navigation is small too, plus the colors don't blend.
It might be CB, but your comment box is slightly out of the navigation.

The image isn't nasty, it just has such sucky quality that it looks nasty.
Try saving your images as .png = high quality.

You should try to learn some image rollovers to replace the links with images.
It's good overall, just needs a LOT of work.

By UnseenQueen on Jul 10, 2010 12:50 pm

The image is huge and its hard to tell what it is. Also I don't get why the tables are so huge when theres barely anything there.. The font is ugly. And the grids are random there forth making them dumb. =(

By dilligrout on Sep 28, 2008 9:27 pm

well, i dont day that teh image is nasty. personally, i think its pretty good :] BUT i would like to say that....the quote is very depressing, yet the colors are very BRIGHT, which i say, dont really mesh..but then again, if they dont seee the quote, what does it matter? XD

By drag0nf7y on Sep 27, 2007 10:06 pm

QUOTE(blaqheartedstar @ Aug 15 2006, 12:46 AM) [snapback]2236121[/snapback]... the image looks nasty...agreed i can barely make out what it is

By IVIike on Jan 20, 2007 2:52 pm

HEY!! I LOVe your layout!!!. . . . Im just starting out but Im getting an idea of how things are done pretty quickly - How can you make your friend's pictures scroll?? what bit of the code is taht? ....if you recoment any tutorials

By dianacarolinar on Aug 30, 2006 3:22 pm

mmmmm dude, the text is right over his head.

By latex_indulgence on Aug 15, 2006 8:53 am

1. terrible link background.2. font doesnt look suitable3. the background is ... too big .. and okay quality.

By demolished on Aug 15, 2006 1:29 am

... the image looks nasty...

By Blaqheartedstar on Aug 15, 2006 12:46 am

Layout Details

Designer	strawberry_ramen
Submitted on	Aug 14, 2006
Page views	69,445
Favorites	74
Comments	8