Twilight - animated

Myspace Layouts / Standard

Designer's Comments

Look carefully for specific instructions

I made it using scraps in psp

Using This Layout

For specific instructions read designer's comments

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

Layout Code

Copy and paste to About Me

Help

.topbanner {width:700px; height:500px; position: absolute; margin-left: -350px; left: 50%; top:180px; background-image: url(http://cbimg6.com/layouts/09/03/33976aa.gif);
 background-position:top center; 
 background-attachment:scroll; 
 background-repeat:no-repeat;
border-bottom-style:solid;
border-bottom-width:0px;
border-bottom-color:ffffff;}

body table {margin-top:500px;}

body td table, body div table {margin-top: 0;}

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

.nametext, .whitetext12, .orangetext15, .btext {
background-color:ffffff;
background-image:url("http://cbimg6.com/layouts/09/03/33976ab.jpg"); 
background-position:center center;
background-repeat:repeat;
border-style:none;
padding-bottom:-2px;
padding-left:-2pt;
padding-right:-2pt;
padding-top:-2px;
}

table table table.latestBlogEntry td span.btext {display:block; text-align:center; margin:10px;}
table table table.friendSpace td span.btext {display:block; text-align:center; margin:10px;}
table table table.friendSpace td span.orangetext15 {display:block; text-align:center; margin:10px;}
table table table.profileInfo td span.nametext{display:block; text-align:center; margin:10px;}
table table table.interestsAndDetails td span.whitetext12 {display:block; text-align:center; margin:10px;}
table table table.userProfileDetail td span.whitetext12 {display:block; text-align:center; margin:10px;}
table table table.userProfileSchool td span.whitetext12 {display:block; text-align:center; margin:10px;}
table table table.userProfileCompany td span.whitetext12 {display:block; text-align:center; margin:10px;}
table table table.blurbs td span.orangetext15 {display:block; text-align:center; margin:10px;}
table table table.friendsComments td span.orangetext15 {display:block; text-align:center; margin:10px;}

AeroAngel.{this is just the background settings}
body{
background-color:ffffff;
background-image:url(http://cbimg6.com/layouts/09/03/33976ac.jpg);
background-repeat:repeat;
background-position:center center;
background-attachment:fixed;
}
a img{display:block; border:0;}

AeroAngel.{this makes the tables transparent(for now)}
table,tr,td{background-color:transparent; border:0px;}

AeroAngel.{this is the center part with the second background-image}
table table{
background-color:transparent;
background-image:url("");
background-repeat:repeat;
background-position:center bottom;
background-attachment:scroll;
width:800px;background-position:center center;
}table table table{background-image:none; background-color:transparent;width:auto; }

AeroAngel.{this puts in the contact table}
.contactTable{
background-image:url(http://cbimg6.com/layouts/09/03/33976ad.jpg);
background-repeat:no-repeat;
background-position:bottom center;
height:150px;
width:300px;
}
.contactTable a img{opacity:0.0; filter:alpha(opacity=0);}
.contactTable .whitetext12{display:none;}

AeroAngel.{this is for the sub-headers}
.lightbluetext8{color:ff0000; font-style:normal;color: 6c6a6d!important;
 font-family: georgia;tahoma !important;text-align:left;
 font-size: 7pt !important;}
.blacktext10{display:block; border-bottom:1px solid; color:624d4d;}

.AeroAngel{Regular links, and that damn view all friends link, myspace had to make it a class for a stupid reason}
a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
 color: 333333!important;
 font-family: georgia;tahoma !important;text-align:center;
 font-size: 8pt !important;
letter-spacing:-1pt;
 text-decoration:none;}
a:hover, a.redlink:hover {
 color:615b4d!important;
 font-family: georgia, tahoma !important;text-align:center;
letter-spacing:1pt;
 font-size: 8pt !important;
 text-decoration:none;
 font-weight:bold;}

.AeroAngel {Navigation bar - home, search, mail ect ect}
a.navbar:link, a.navbar:active, a.navbar:visited {
 color: 333333!important;
 font-family:georgia, tahoma !important;
letter-spacing:-1pt;
 font-size: 6pt !important;
 text-decoration:none;}
a.navbar:hover {
 color:615b4d!important;
 font-family:georgia, tahoma !important;
letter-spacing:-1pt;
 font-size: 6pt !important;
 text-decoration:none;
 font-weight:bold;}

.AeroAngel {Default Text Settings}
table, tr, td, p, li, div, span, .text {
 color: 000000!important;
 font-family:  palatino linotype; georgia, tahoma !important;text-align:center;

font-size: 9pt !important;
 font-weight:normal !important;}

.AeroAngel {your name above your profile pic}
span.nametext {
 color: FFFFFF !important;
 font-family:  tahoma !important;
 font-size: 10pt !important;letter-spacing:-1pt;
 text-transform: capitalize;
 font-weight:bold !important;}

.AeroAngel{XXs interest XXs details}
span.whitetext12 {
 color: FFFFFF!important;
 font-size: 10pt !important;
font-family:  tahoma !important;
letter-spacing:-1pt;
 text-transform: capitalize;
 font-weight:bold !important;}

.AeroAngel {latest blog entries, and XX has XX friends}
span.btext {color:FFFFFF!important;letter-spacing:-1pt;
 font-size: 10pt !important;font-family:  tahoma !important;

text-transform: ;
 font-weight:bold !important;}

.AeroAngel {The red text, aka the numbers on friends, and comments}
span.redbtext, span.redtext {
 color:000000!important;
 font-size: 10pt !important;font-family:  tahoma !important;

font-weight:bold !important;}

.AeroAngel {Time and date in comments}
span.blacktext10 {
 color:624d4d!important;
 font-family:  tahoma!important;
 font-size: 9pt !important;letter-spacing:-1pt;
 font-weight:normal !important;}

.aeronotes {about me, who id like to meet}
span.orangetext15 {display:none !important;}

body, .bodyContent {
scrollbar-face-color:624d4d; 
	scrollbar-highlight-color:615b4d;
	scrollbar-3dlight-color:624d4d;
	scrollbar-shadow-color:615b4d;
	scrollbar-darkshadow-color:ffffff;
	scrollbar-arrow-color: ffffff; 
	scrollbar-track-color:ffffff;

}

body div div table td{background-color:transparent!imp ortant;}
ul li a.open:hover, ul li a.open small, ul li a:hover {background-color:transparent!important;}
</style>

Layout Comments

Showing latest 10 of 20 comments

P.S. I've just noticed what looks like a vial up near Bell'as stuff. Is it blood? If so, uber nice touch!

By Butterface89 on Sep 3, 2010 12:41 pm

Oh it's beautiful. And a 'great' idea. I haven't seen a Twilight layout quite like this one before. Kudos to you!

By Butterface89 on Sep 3, 2010 12:38 pm

My computer is widescreen so I see the nav bar and stuff.
There are some things I don't like, but overall I really like the layout. [:

By JesseBlitzkrieg on Dec 12, 2009 7:44 am

This is typical Twilight fan material. But it's a really good job. I must admit, one of the best Twilight layouts I've seen.

By SoftMint on May 13, 2009 3:41 pm

i'm not that huge into twilight but this is the best layout i've seen!
:]

By FrikkinAwesome on Apr 27, 2009 2:36 pm

Fff. *Excellent. :P Sorry.

By JennyThePirate on Apr 10, 2009 10:16 pm

I am a known "Twilight" hater, but this layout is excellet.

By JennyThePirate on Apr 10, 2009 10:16 pm

I don't even like Twilight, but I must say this is a fantastic layout. Nice job.

By EZmacCheese on Apr 5, 2009 4:20 pm

sorry I meant all the way to the left. Cute layout though

By apriljoanne on Apr 2, 2009 4:04 pm

I'm not sure if you know this, but on all your codes, the default text adjustment of "text-align: center;" causes the myspace music bar to shift all the way to the right and cut across the screen for band profiles. It took forever to figure out what was causing it, so you might want to look into that.

By apriljoanne on Apr 2, 2009 4:03 pm

View all »

Layout Details

Designer	aeroangel
Submitted on	Mar 8, 2009
Page views	39,064
Favorites	185
Comments	20
Reviewer	karmakiller
Approved on	Mar 9, 2009

Twilight - animated

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates