Cofee Break

Myspace Layouts / Standard

Designer's Comments

Look carefully for specific instructions

I made it using tube and scrapkit in PSp and Ulead

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:600px; position: absolute; margin-left: -350px; left: 50%; top:180px; background-image: url(http://cbimg6.com/layouts/09/02/33706aa.gif);
 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:600px;}

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

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

.nametext, .whitetext12, .orangetext15, .btext {
background-color:transparent;
background-image:url("http://cbimg6.com/layouts/09/02/33706ab.png"); 
background-position:center center;
background-repeat:repeat;
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/02/33706ac.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/02/33706ad.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 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: 030415!important;
 font-family: georgia;tahoma !important;text-align:center;
 font-size: 9pt !important;

text-decoration:none;}
a:hover, a.redlink:hover {
 color:654f3e!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: 030415!important;
 font-family:georgia, tahoma !important;
 font-size: 7pt !important;
 text-decoration:none;}
a.navbar:hover {
 color:654f3e !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: 030415!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:654f3e!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:ffffff; 
	scrollbar-highlight-color:ffffff;
	scrollbar-3dlight-color:ffffff;
	scrollbar-shadow-color:654f3e;
	scrollbar-darkshadow-color:ffffff;
	scrollbar-arrow-color: 654f3e; 
	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 4 of 4 comments

great details. top banner? excellent.

By Parasite on May 27, 2009 5:58 am

awesome job on top banner!

By calilani on Mar 18, 2009 9:12 am

Nice layout ^_^

By Medi on Mar 16, 2009 6:45 pm

nice

By YeseniasDesigns on Feb 11, 2009 11:24 pm

Layout Details

Designer	aeroangel
Submitted on	Feb 8, 2009
Page views	5,911
Favorites	18
Comments	4
Reviewer	Relentless
Approved on	Feb 11, 2009

Cofee Break

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates