Esmerald Beauty (Top Banner)

Myspace Layouts / Standard

Designer's Comments

Look carefully for specific instructions

Scrap Kit Emerald Beauty By Bluedrem Designs
Tutorial By Kell'09

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:170px; background-image: url(http://cbimg6.com/layouts/09/01/33549aa.png);
 background-position:top center; 
 background-attachment:scroll; 
 background-repeat:no-repeat;
border-bottom-style:solid;
border-bottom-width:0px;
border-bottom-color:ffff5e;}

body table {margin-top:465px;}

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

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

.nametext, .whitetext12, .orangetext15, .btext {
background-color:383f37;
background-image:url(""); 
background-position:center top;
background-repeat:repeat-x;
border-style:none;
padding-bottom:0px;
padding-left:0pt;
padding-right:0pt;
padding-top:0px;
}

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;}

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

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

.{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; }

.{this puts in the contact table}
.contactTable{
background-image:url(http://cbimg6.com/layouts/09/01/33549ac.png);
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;}

.{this adds in the extended network pic}
.extendedNetwork{
height:0px;
background-image:url("");

background-repeat:no-repeat;
background-position:Center top;
}
.blacktext12{display:none}

.{this is for the sub-headers}
.lightbluetext8{color:ff0000; font-style:oblique;}
.blacktext10{display:block; border-bottom:3px double; color:ff0000;}

.aeronotes{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: f2fef2!important;
 font-family: georgia;tahoma !important;text-align:center;
 font-size: 9pt !important;

text-decoration:none;}
a:hover, a.redlink:hover {
 color:6b8f6a !important;
 font-family: georgia, tahoma !important;text-align:center;

font-size: 9pt !important;
 text-decoration:none;
 font-weight:bold;}

.aeronotes {Navigation bar - home, search, mail ect ect}
a.navbar:link, a.navbar:active, a.navbar:visited {
 color: f2fef2!important;
 font-family:georgia, tahoma !important;
 font-size: 7pt !important;
 text-decoration:none;}
a.navbar:hover {
 color:6b8f6a !important;
 font-family:georgia, tahoma !important;
 font-size: 7pt !important;
 text-decoration:none;
 font-weight:bold;}

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

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

.aeronotes {your name above your profile pic}
span.nametext {
 color: ffffff !important;
 font-family:  georgia,tahoma !important;
 font-size: 12pt !important;
 text-transform: capitalize;
 font-weight:bold !important;}

.aeronotes{XXs interest XXs details}
span.whitetext12 {
 color: ffffff!important;
 font-size: 12pt !important;
font-family: georgia, tahoma !important;

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

.aeronotes {latest blog entries, and XX has XX friends}
span.btext {color:ffffff!important;
 font-size: 12pt !important;font-family: georgia, tahoma !important;

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

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

font-weight:bold !important;}

.aeronotes {Time and date in comments}
span.blacktext10 {
 color:6b8f6a!important;
 font-family: georgia,tahoma!important;
 font-size: 12pt !important;
 font-weight:normal !important;}

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

body, .bodyContent {
scrollbar-face-color:383f37; 
	scrollbar-highlight-color:383f37;
	scrollbar-3dlight-color:383f37;
	scrollbar-shadow-color:6b8f6a;
	scrollbar-darkshadow-color:383f37;
	scrollbar-arrow-color: 2d4f2c; 
	scrollbar-track-color:383f37;

}

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:383f37!important;}
</style>

Layout Comments

Showing latest 2 of 2 comments

Beautiful work

By ChristaJean on Jan 31, 2009 11:19 am

lovely

By YeseniasDesigns on Jan 29, 2009 11:06 pm

Layout Details

Designer	aeroangel
Submitted on	Jan 26, 2009
Page views	5,662
Favorites	38
Comments	2
Reviewer	manny-the-dino
Approved on	Jan 28, 2009

Esmerald Beauty (Top Banner)

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates