Diamonds

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

make sure that you replace all of the XXXXXs with your friend id

hope you like it :]

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">body{
background-color: 424347;
background-image:url("");
background-position:bottom right;
 background-repeat:repeat;
 background-attachment:fixed;
scrollbar-arrow-color:fff;
scrollbar-track-color:424347;
scrollbar-shadow-color:424347;
scrollbar-face-color:424347;
scrollbar-highlight-color:424347;
scrollbar-darkshadow-color:424347;
scrollbar-3dlight-color:424347;}
</style>

.div{
position: absolute; 
left: 65%;
margin-left:-400px; 
top: 100px;  
z-index: 0;}

.section1{
position: absolute; 
left: 55.8%; 
margin-left:-280px; 
top: 180px; 
z-index:5; 
width:  375px; 
height: 20px; 
overflow: auto;}

.section2{
position: absolute; 
left: 56%; 
margin-left:-280px; 
top: 215px; 
z-index:5; 
width:  370px; 
height: 115px; 
overflow: auto;}

.section3{
position: absolute; 
left: 55.8%; 
margin-left:-280px; 
top: 355px; 
z-index:5; 
width:  177px; 
height: 75px; 
overflow: auto;}

.section4{
position: absolute; 
left: 74.5%; 
margin-left:-280px; 
top: 355px; 
z-index:5; 
width:  177px; 
height: 90px; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 10px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:12px;}

textarea{
background-color: transparent; 
width: 150px; 
height: 50px; 
color: fff; 
font:7px small fonts; 
text-transform:uppercase; 
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:fff;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;
}
a:hover{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:none;}

.standard b, p b, B, strong {
font-family:georgia; 
font-size:9px; 
color:fff; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="section1"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">home.</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhY">msg.</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJpZW5kSUQ9WFhYWFhY">pics.</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==">friends.</a>

</center> 
</div>

input.hl1 {
color:000 !important;
font-size:7px !important;
width:80px !important;
height:10px !important;
font-family:small fonts !important;
background-color:fff !important;
border-color:000000 !important;
border-width:1px !important;
border-style:solid !important;
letter-spacing:1px !important;
line-height:7px !important;
font-weight:normal !important;}

textarea.shock1{
background-color:fff !important;
width:100px !important;
height:30px !important;
font-family:arial !important;
color:000 !important;
line-height:11px !important;
font-size:9px !important;
border-color:000000 !important;
border-style:solid !important;
border-width:1px !important;
letter-spacing:-1px !important;
font-weight:bold !important;
}</style>

</center> 
</div>

Layout Comments

Showing latest 9 of 9 comments

I REALLY LIKE THIS LAYOUT BUUT.....IT DOESNT WORK...CAN YU FIX IT PLZ SO I CAN USE IT.. =] THANKS...

By sn00pybby on Oct 4, 2008 1:32 am

i like it alot thanks ima use it.. =]

By sn00pybby on Oct 3, 2008 5:49 pm

what's the fonts name at the top? :]

By mikxoh on Jun 10, 2008 9:54 pm

I really like the diamond image as well

By IVIike on Sep 16, 2007 6:00 pm

i love the font :]

By IVIike on Aug 2, 2007 11:53 am

It's a little plain :( I like the font at the top though.

By FoxLucky on Jun 27, 2007 3:02 pm

i love this :D niceee!

By abcrashx on Jun 25, 2007 2:00 pm

You might want to consider changing the left properties of the where you placed the divs to 50% If you change the width of the screen, she scroll box and text move out of place

By IBangBaby on Jun 22, 2007 6:55 pm

HOW DO I MAKE MY OWN DIV LAYOUTS

By TONIO3 on Jun 22, 2007 4:42 pm

Layout Details

Designer	Shocked
Submitted on	Jun 22, 2007
Page views	35,923
Favorites	126
Comments	9
Reviewer	freeflow
Approved on	Jun 22, 2007

Diamonds

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates