Ana Beatriz Barros Div

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Don't Use This Div Unless You are Familiar With CSS

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

body {
background-color: FFFEFA;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:FFFEFA;
scrollbar-track-color: FFFEFA;
scrollbar-shadow-color: FFFEFA;
scrollbar-face-color:FFFEFA;
scrollbar-highlight-color:FFFEFA;
scrollbar-darkshadow-color:FFFEFA;
scrollbar-3dlight-color:FFFEFA;}

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: 1px solid; border-color: ######; background-color: ######; }

{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 century gothic; color:594F4F; font-weight:none; border:0px; text-transform: lowercase; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px century gothic; color:594F4F; font-weight:none; border:0px; text-transform: lowercase; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:century gothic; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:9px; color:######; 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: arial; color: ######; 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:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase; }

{�Contacting�, �Interests�, �Details�, and �Schools� title styling}  
.whitetext12{font-family:arial; font-size:9px;  color:######; font-weight:none;border:0px; text-transform: uppercase;}

{�In your extended network� style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}  
.blacktext10{font-family:arial; font-size:9px;  color:######; 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:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}

{�View all friends� and �invite more� link style}  
a.redlink{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase; } 
a.redlink:hover{font-family:arial; font-size:9px;  color:594F4F; 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:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;} 
a:hover{font-family:arial; font-size:9px; color:594F4F; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:A19892; font-weight:none;border:0px; text-transform: uppercase; }

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;}
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }
table, tr, td { background-color:transparent; border:none; border-width:0;}

.BG {
background-color:FFFEFA; color:FFFEFA;
border:0px solid; border-color:transparent;
width:800px; height:900px; overflow:auto;
position:absolute; z-index:1; left:50%; top:0%;
margin-left:-400px; margin-top:100px;
visibility:visible;}

.content1 {
width:420px;
height:275px; 
overflow:auto;
position:absolute; 
z-index:2; left:50%; 
top:0%;
margin-left:-345px; 
margin-top:650px;
visibility:visible;}

.content2 {
width:200px;
height:275px; 
overflow:auto;
position:absolute; 
z-index:3; left:50%; 
top:0%;
margin-left:160px; 
margin-top:460px;
visibility:visible;}

.content3 {
width:200px;
height:275px; 
overflow:auto;
position:absolute; 
z-index:4; left:50%; 
top:0%;
margin-left:160px; 
margin-top:650px;
visibility:visible;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content2"/>Comment Box Goes Here!!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! </div>

<div class="content3"/>Stuff Goes Here!!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! !!! </div>

Layout Comments

Showing latest 2 of 2 comments

love this layout but none of the links work?take me to some random girls like friends comments etc.

By cavmania on Jul 17, 2007 7:59 pm

why dont you submit this on your myspace?

By smashin on Jul 8, 2007 8:39 pm

Layout Details

Designer	japandakid
Submitted on	May 11, 2007
Page views	16,116
Favorites	53
Comments	2
Reviewer	micron
Approved on	May 25, 2007

Ana Beatriz Barros Div

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates