Caged.

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

One of my older works. =)

Replace yourfriendid with your own.

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 {
overflow-x:hidden;
}
   table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}

body {
background-color: 000000;
background-image: url("");
background-position: top left;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 000000;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: 000000; background-color: 000000; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 9px georgia; color:000000; font-weight:none; border:0px; text-transform: none;

line-height:12px;}

.head { 
font-family: georgia; 
font-size: 15px; color: 000000; 
background-color: C0C0C0; 
text-align:left;
font-weight:bold;
text-transform: lowercase; 
background-image: url(); 
background-repeat: repeat; 
height: 15px; 
width: 100px; 
padding-top: 2px;}

{class for the basic font for the page}
.text {font:normal 9px georgia; color:000000; font-weight:none; border:0px; text-transform:

none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:georgia; font-size:9px; color:FFFFFF; font-weight:none;border:0px;

text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:georgia; font-size:9px; color:FFFFFF; font-weight:none;border:0px;

text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: georgia; color: 000000; font-weight: bold; font-size: 20px;

letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”,

“Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”,

“Occupation”, and “Income” title style}
.lightbluetext8{font-family:georgia; font-size:9px;  color:FFFFFF; font-weight:none;border:0px;

text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:georgia; font-size:9px;  color:FFFFFF; font-weight:none;border:0px;

text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: georgia; color: FFFFFF; font-weight: bold; font-size: 20px;

letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: georgia; color: FFFFFF; font-weight: bold; font-size: 30px;

letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}  
.blacktext10{font-family:georgia; font-size:9px;  color:FFFFFF; font-weight:none;border:0px;

text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:georgia; font-size:9px; color:B79B95; font-weight:none;border:0px; text-transform:

uppercase; }  
a:link{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}
a:active{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}
a:visited{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}
a:hover{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:georgia; font-size:9px; color:B79B95; font-weight:none;border:0px;

text-transform: uppercase;}  
a.redlink:link{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}
a.redlink:active{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}
a.redlink:visited{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase; } 
a.redlink:hover{font-family:georgia; font-size:9px;  color:000000; font-weight:none;border:0px;

text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation

bar} 
a.navbar{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}  
a.navbar:link{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}  
a.navbar:active{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}  
a.navbar:visited{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}  
a.navbar:hover{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: lowercase;}  
a:visited{font-family:georgia; font-size:8px; color:000000; font-weight:bold;border:0px;

text-transform: uppercase;} 
a:hover{font-family:georgia; font-size:9px; color:000000; font-weight:none;border:0px;

text-transform: uppercase;}

div table td font {visibility:hidden;}
div table table td font a {visibility:visible;}
table td div {visibility:hidden;}
table table td div {visibility:visible;}

.comments {width:620px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>
</style>

<div class="bg" style="position: absolute; left:400px; top:180px; width:716px; height:516px;

overflow: hidden;">
<img src="http://cbimg6.com/layouts/07/10/07/22214aa.jpg">

</div>

<div class="content" style="position: absolute; left:410px;  top:440px; width:285px; 
height:240px; overflow: auto;">
<center>//<a

href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=yourfriendid">Send

Message</a> <BR>// <a

href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=yourfriendid"> Add</a> <BR>// <a

href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=yourfriendid">My

Friends</a> <BR>// <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=yourfriendid">Comment</a><BR> // <a

href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=yourfriendid"> Photos</a></center>
<span class="head">About Me</span><BR>

So, your stuff basically goes here. You can put whatever you like. Don't edit the layout or

remove any credits. Thanks. If you have any problems, please post in the help forum. =]
<BR><BR>
<span class="head">Comments</span><BR>
If you'd like comments in the layout, go here: <a

href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2ZvcnVtcy9pbmRleC5waHA/c2hvd3RvcGljPTEyMjQ1MA==">Code</a>

<Br><BR>
<span class="head">Comments</span>
<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="40"

rows="5" style="border-width: 1px; border-style: dotted; border-color: 000000; font-family:

trebuchet ms; font-size: 10px; color: 000000; background-color: transparent;"

style="overflow:auto;"></textarea><br><center><input value="Click." style="border-width: 1px;

border-style: dotted; width:120px; border-color: 000000; font-family: georgia; font-size: 10px;

color: 000000; background-color: transparent;" type="submit"></center></form><BR><BR>

</div>

<style>

Layout Comments

Showing latest 10 of 10 comments

i luv it but uhm wats wrong with the links...

By m1ck3y on Oct 25, 2007 2:55 am

this is the best layout to me right now!but something is wrong with the links;;messages;photos;add!but its nice!

By xxcrushxxcold on Oct 25, 2007 2:31 am

I like it cuz it's quite simple, but it's too small for me...

By DelicateLove on Oct 9, 2007 10:05 pm

its a little to small and simple

By ChadDevil on Oct 9, 2007 12:43 am

I love how its so small xD

By taintedtwilight on Oct 8, 2007 12:43 am

nice job... it's little to small IMO

By IVIike on Oct 7, 2007 11:13 pm

I love this. It's simple, and small.

By ZOMBiiE on Oct 7, 2007 9:59 pm

nice

By brooklyneast05 on Oct 7, 2007 9:28 pm

i love the image you used.
good job. (:

By hospitalhorror on Oct 7, 2007 9:17 pm

i like it, its very simple and to the point.

By alecreations on Oct 7, 2007 8:42 pm

Layout Details

Designer	annalucky
Submitted on	Oct 7, 2007
Page views	33,665
Favorites	219
Comments	10
Reviewer	IVIike
Approved on	Oct 7, 2007

Caged.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates