Tranquility

Myspace Layouts / Standard

Designer's Comments

Look carefully for specific instructions

I made it using tubes, brushes and 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:750px; height:330px; position: absolute; margin-left: -375px; left: 50%; top:180px; background-image: url(http://cbimg6.com/layouts/09/03/33912aa.jpg);
 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:330px;}

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/33912ab.jpg"); 
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/03/33912ac.jpg);
background-repeat:repeat;
background-position:center center;
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/03/33912ad.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:normal;color: 000000!important;
 font-family: georgia;tahoma !important;text-align:left;
 font-size: 7pt !important;}
.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: 333333!important;
 font-family: georgia;tahoma !important;text-align:center;
 font-size: 8pt !important;

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

font-size: 8pt !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: 333333!important;
 font-family:georgia, tahoma !important;
 font-size: 6pt !important;
 text-decoration:none;}
a.navbar:hover {
 color:a08b59!important;
 font-family:georgia, tahoma !important;
 font-size: 6pt !important;
 text-decoration:none;
 font-weight:bold;}

.aeronotes {Default Text Settings}
table, tr, td, p, li, div, span, .text {
 color: 6c400c!important;
 font-family:  palatino linotype; 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:  tahoma !important;
 font-size: 10pt !important;
 text-transform: capitalize;
 font-weight:bold !important;}

.aeronotes{XXs interest XXs details}
span.whitetext12 {
 color: ffffff!important;
 font-size: 10pt !important;
font-family:  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: 10pt !important;font-family:  tahoma !important;

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

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

font-weight:bold !important;}

.aeronotes {Time and date in comments}
span.blacktext10 {
 color:a47840!important;
 font-family:  tahoma!important;
 font-size: 9pt !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:6c400c;
	scrollbar-shadow-color:333333;
	scrollbar-darkshadow-color:ffffff;
	scrollbar-arrow-color: 6c400c; 
	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 8 of 8 comments

nice background.

By Butterface89 on Sep 23, 2010 5:58 am

I like it when you do different variations of this lil character in ur layouts, haha. Been using them this year. ^_^ thanks.Gonna use this one now, nice!

By plej on Sep 11, 2009 3:10 pm