Sueno

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><p><a href="http://www.createblog.com/layouts/index.php?layout=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>
.pimp_my_profile { Generated at Pimp My Profile www.pimp-my-profile.com }

.mygen { Miscellaneous Properties }
body { cursor:crosshair;}
a:hover { cursor:sw-resize;}

body {
	scrollbar-face-color:000000;
	scrollbar-highlight-color:000000;
	scrollbar-3dlight-color:000000;
	scrollbar-shadow-color:000000;
	scrollbar-darkshadow-color:000000;
	scrollbar-arrow-color:000000;
	scrollbar-track-color:000000;
	 }

body, .bodyContent  { 
  background-color:000000; 
 background-image:url(); 
 background-position:Center Center; 
 background-attachment:fixed; 
 background-repeat:no-repeat; 
 border-width:0px; 
 border-style:Solid; 
 } 
</style>
<p></p><style type="text/css">
.credit {misshygienic.createblog.com}
.userProfiledetail, .userProfileURL, .userProfileSchool,
.interestsAndDetails, .friendsComments, .extendedNetwork,
.latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}

a.text, table div font a, table div div {visibility:hidden;}

table tr td div font {display: none;}

body div table td form {display:none!important;}

table, td, tr{ background-color:transparent;}

object, embed{ width:0px; height:0px; display: none !important;}

body div td div div select {width:0px !important;}

div div select, div div form {display:none !important;
}

div table div div select {position:absolute !important;  top:-400px !important; left:-400px !important; }

body {
font-family: Verdana, Lucida Sans, Arial;
font-size: 11px;
line-height: 16px;
background-color: #000000 !important;
background-image: url("http://cbimg9.com/layouts/08/05/27681ae.png");
background-repeat: top repeat; }

a.link {
font-color: e8556d;
font-family: Verdana, Lucida Sans, Arial;
font-size: 12px; }

a.hover {
font-color: e8556d;
background-color: f4f4f4;
padding: 2px;}

a.img {
border: 0px !important; }

.navi {
position: absolute;
left: 50%;
top: 70px;
margin-left: -450px;
z-index: 0;
border: 0px;
width: 893px;
height: 723px;
}

b {
font-color: ed3856;}

i {
font-color: 5ca123;}

.aboutme {
position: absolute;
left: 50%;
top: 250px;
margin-left: 69px;
z-index: 2;
overflow: auto !important;
overflow-x: hidden;}

.interests {
position: absolute;
margin-left: 180px;
top: 190px;
left: 50%;
z-index: 3;}

.boxcomments {
position: absolute;
left: 50%;
margin-left: -390px;
top: 280px;
z-index: 4;}

h1 {
font-color: #ed3856 !important;
border-bottom: 1px solid black;
font: 20px lucida sans;
font-weight: bold;
letter-spacing: -1px;}

</style>

<div class="interests" style="overflow:auto !important; width:230px; height: 460px; font-family: times new roman;
font-color: #818181; text-align: justify; font-size: 11px; line-height: 14px; background-color: transparent; border: none;">
This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself.

<h1>Music</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Movies</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>

<h1>Books</h1>
<p>This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. This is where you talk about yourself. </p>
</div>

<div class="heroes" style="position: absolute; left:460px;  top:650px; width:175px; height:200px; overflow: auto;"> 
<style type="text/css"> 
.mygen { Background Properties }
table, tr, td { background-color:000000; border:none; border-width:0;}
body {
background-color:000000;
border-color:000000;
border-width:0px ;
border-style: solid;
	
	scrollbar-face-color:EE2288;
	scrollbar-highlight-color:FFFFFF;
	scrollbar-3dlight-color:FFFFFF;
	scrollbar-shadow-color:FFFFFF;
	scrollbar-darkshadow-color:FFFFFF;
	scrollbar-arrow-color:FFFFFF;
	scrollbar-track-color:transparent;
	 
	 } 
</style>

</div>
<br><br><br><br>

Layout Comments

Showing latest 10 of 21 comments

i love this layout!!!!!
love ittt '

By analleli1 on Aug 13, 2008 2:56 pm

i love the layout but why can't I hear the music,is there a music system in this,or a sound audio?

By savath on Jul 27, 2008 11:55 pm

i love this but you should add a block sign or else you get a warning from myspace if you put it up

By biiancaax3 on Jul 1, 2008 1:12 am

I adore this layout, do you think you could put in a thing so people can see my blog because there is no way of getting to it.

By Karriane on Jun 28, 2008 1:17 pm

This redirects to freedomain.com before the preview fully loads. o_O But it looks nice in the screenshot.

By tokyo-rose on May 26, 2008 11:53 am

i love diary esque pages! fantastique

By ninjesama on May 25, 2008 11:01 pm

this looks really great and unique.
The font matches pretty well and like skylite said, the about me is a bit out of place.

very nice, though

By Eww on May 24, 2008 11:58 pm

teach me master..

By zhiyitayah on May 21, 2008 4:13 am

the about me is a bit out of place and small, but good job:]

By synatribe on May 20, 2008 7:14 pm

Thanks for all you commenting...I don't know how to change the scrollbar I tried but I kinda new to this

By kaite90 on May 20, 2008 2:58 pm

View all »

Layout Details

Designer	kaite90
Submitted on	May 18, 2008
Page views	52,487
Favorites	535
Comments	21
Reviewer	Relentless
Approved on	May 18, 2008

Sueno

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates