They'll Hold You Forever

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Lenne and Shuyin from FFX-2 -^^- Remember to Replace 'Friend ID Here' With your USER ID! -^^-

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: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-track-color: FFFFFF;
scrollbar-arrow-color: 000000;
background-color: ffffff;
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:ffffff;
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:C1C1C1; 
background-color:ffffff;
text-decoration: none
letter-spacing: 1.5px;
text-transform: uppercase;
}
b, strong, .btext {
font: 8pt arial; 
font-weight: heavy; 
color: 686868; 
text-align: justify;
}
i, em, .itext {
font-family: arial; 
font-size: 8pt;
color: 000000;
text-align: justify;
}
u, s, .stext, .sbtext, .swtext {
font-family: arial; 
font-size: 8pt;
color: 272727;
border-bottom: 1px DOTTED A4A4A4;
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: 260px; top:701px; width:586px; height: 341px; overflow: auto; ">
<img src="http://layouts.cbimg7.com/27/13818d.jpg" align=left border=0></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. 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: 50px; top:745px; width:167px; 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://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://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=**XXXXXXXX**">view my friends</a> 
<a href="http://www.myspace.com/strawberry_ramen"> Strawberry Ramen</a></center></div>

Layout Comments

Showing latest 5 of 5 comments

I like the choice of imagery, but I don't like how it looks like it's chopped off. (Like what dilligrout wrote).
If you're using Photoshop, try using your eraser tool, and using a round brush set the hardness to 0% so it's fluffy and feathers the edges, and you can just easily go along that top cloud/smoke/fog/whatever and give it that foggy feeling.

As for the boxes, The about me box isn't bad, could use something else.. maybe some headers?

The navigation defiantly needs work. The links are too small and look EXACTLY like your other layout. Maybe you should try something else? Using different colors, different decorations (like underlines or strikeouts when rolled-over)

As for your comment box, it needs to be resized and re-aligned with the box, It's just smack dab in the center of the navigation and crossing over to the about me box.
(that could also be a CB thing)

By UnseenQueen on Jul 10, 2010 12:56 pm

theres like two backgrounds and they tile.. ick. And it's black and white.. theres no border at the top so it makes it look like its just chopped in half..

By dilligrout on Sep 28, 2008 9:24 pm

much better then your other one only one thing when you make the div areas extend them to the edge of your area in the image becuase it just cuts off and that makes it looks weirdgod job though

By IVIike on Jan 20, 2007 2:55 pm

awww, this layout is cute!! great job!

By latex_indulgence on Aug 15, 2006 8:54 am

wow. i like it. i like how you use real 3d image as background for the blog and module.

By demolished on Aug 15, 2006 1:30 am

Layout Details

Designer	strawberry_ramen
Submitted on	Aug 14, 2006
Page views	65,269
Favorites	67
Comments	5