Angelina Jolie

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

body {
background-color: ffffe6;
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:ffffe6;
scrollbar-track-color: ffffe6;
scrollbar-shadow-color: ffffe6;
scrollbar-face-color:ffffe6;
scrollbar-highlight-color:ffffe6;
scrollbar-darkshadow-color:ffffe6;
scrollbar-3dlight-color:ffffe6;}

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: ffffe6; background-color: ffffe6; }

{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 arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; 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:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

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

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

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

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

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

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

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

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position: absolute; left:384px;  top:670px; width:387px; height:204px; overflow: auto;"><center>
put whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in hereput whatever you want in here
</div>

<br> <input value="add comment" type="submit"> <input value="clear" type="reset"></form>
<style>
textarea {
border: 1px solid 000000;
font-family: Tahoma;
font-size: 10px;
color: 000000;
background-color: ffffff;}

input{
border: 2px solid 000000;
font-family: Tahoma;
font-size: 10px;
color: 000000;
background-color: ffffff;}

</style>
</div>

Layout Comments

Showing latest 8 of 8 comments

I agree with IVlike.

By Butterface89 on Aug 31, 2010 10:31 am

i don't like her but you did a good job with the layout

By IVIike on May 18, 2007 9:30 am

This layout is so beautiful. Nice pictures of her

By Tysh on Mar 22, 2007 9:29 pm

hey i love this layout...i used it in myspace and i figured out that the submit button needs to be changed to 2 intead of 1 but my only problem now is when people try to comment me it says error you must be someones friend to do so....wat shud i do?

By oxy5987 on Mar 19, 2006 10:32 pm

Whenever I try manually submitted the section for the "I'd Like to Meet" it keeps saying "Error: You must be this person's friend to comment them"I had to take out the Comment Box or else I couldn't submit the layoutCould

By beautifulKiDDo on Mar 19, 2006 2:13 pm

i used this layout and now i cannot edit my "who id like to meet" the manual edit button only works for the "about me" section!! now if i want to edit anything or change it i guess i have to delete my whole myspace unless sum1

By mszmelodramatic on Mar 19, 2006 10:34 am

niceeeee =)

By mizztaytay4ya on Mar 17, 2006 9:48 pm

That is a very neat layout. It is misaligned in FF, but I still like it.

By arcanum on Mar 16, 2006 12:35 pm

Layout Details

Designer	reflection
Submitted on	Mar 15, 2006
Page views	84,235
Favorites	63
Comments	8

Angelina Jolie

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates