Take Off Your Colours;

Designer's Comments

Look carefully for specific instructions

CREDIT
Textures

This layout is one in an on-going set on our website. So far there are 4 but there are a lot more in the works. Visit LASTSUNRISE.NET for more versions of this layout.

The colour schemes for these layouts come from album covers in my collection, just ones that happen to have a pretty colour scheme.
This one is taken from the gorgeous cover of You Me At Six's album, Take Off Your Colours. Yummy Yummy Yummy cover(:
Oh yes, and check out those teeny-tiny rollovers. Whatapaintocode >:[

LIKE THIS?
WEBSITE | MYSPACE

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

{Background}
body {
 background-color: d1c396;
 scrollbar-arrow-color:e9342d;
 scrollbar-face-color:d1c396;
 scrollbar-3dlight-color: d1c396;
 scrollbar-darkshadow-color:d1c396;
 scrollbar-shadow-color: d1c396;
 scrollbar-highlight-color: d1c396;
 scrollbar-track-color:d1c396;
 cursor: default;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{Links}
a:link, a.man{font-family:small fonts; 
font-size:9px; 
color:ffffff; 
font-weight:none;
border:0px;
text-transform:uppercase; 
text-decoration:none;
letter-spacing:1px;}
  
a:active{font-family:small fonts; 
font-size:9px; 
color:ffffff; 
font-weight:none;
border:0px; 
text-transform:uppercase; 
text-decoration:none;
letter-spacing:1px;} 
  
a:visited{font-family:small fonts; 
font-size:9px; 
color:ffffff; 
font-weight:none;
border:0px;
text-transform:uppercase; 
text-decoration:none; 
letter-spacing:1px;} 
 
a:hover{font-family:small fonts; 
font-size:9px; 
color:e9342d; 
font-weight:none;
border:0px; 
text-transform:uppercase; 
text-decoration:none;
letter-spacing:1px;}

{ROLLOVERS}
.link1{z-index:5;line-height:10px;position: absolute;width:31px;height:12px;left:652;top:205}
.link2{z-index:5;line-height:10px;position: absolute;width:24px;height:13px;left:685;top:205}
.link3{z-index:5;line-height:10px;position: absolute;width:47px;height:13px;left:711;top:205}
.link4{z-index:5;line-height:10px;position: absolute;width:50px;height:12px;left:759;top:206}
.link5{z-index:5;line-height:10px;position: absolute;width:38px;height:13px;left:814;top:205}
.link6{z-index:5;line-height:10px;position: absolute;width:50px;height:12px;left:856;top:206}

.name1{height: 12px; width: 31px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35187aa.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 13px; width: 24px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35187ab.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height: 13px; width: 47px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35187ac.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 12px; width: 50px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35187ad.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 13px; width: 38px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35187ae.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}
.name6{height: 12px; width: 50px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/07/35187af.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}

{HEADERLEFT}
h1 {
font-family:tahoma;
text-transform:lowercase;
font-size:11px;
line-height:12px;
color:ffffff;
letter-spacing:2px;
background-color:transparent;
background-image:url(http://cbimg6.com/layouts/09/07/35187ag.png);
text-align: left;
font-weight:bold;
border-width: 0px;
width:415;}

{HEADERRIGHT}
h2 {
font-family:tahoma;
text-transform:lowercase;
font-size:11px;
line-height:12px;
color:ffffff;
letter-spacing:2px;
background-color:transparent;
background-image:url(http://cbimg6.com/layouts/09/07/35187ah.png);
text-align: left;
font-weight:bold;
border-width: 0px;
width:250;}

{Main Text}
body,table, td, li, p, div,  
{font:normal 10px tahoma; 
color:ffffff; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing: 0px;}

{Basic Text}
.text {font:normal 10px tahoma; 
color:ffffff; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing:0px;}

{BOLD}
.standard b, p b, B, strong {
font-family:tahoma; 
font-size:10px; 
color:ec4f55; 
font-weight:bold; 
border:0px; 
text-transform:none; 
letter-spacing:-1px;}

{UNDERLINE}
u, s, .stext, .sbtext, .swtext {
font-family: tahoma; 
font-size: 11px;
color: 5e756a;
text-transform:none;}

{ITALICS}
i, em, .itext  {
font-family: tahoma; 
font-size: 11px;
color: cfe65a;
letter-spacing:1px;}

{BIG}
big, .bigtext {
font-family: tahoma;
font-size: 14px;
color: ffffff;
text-transform:none;}

{TEXTAREA}
textarea, input, select {
 font:9pt small fonts !important; 
 text-transform: uppercase; 
 letter-spacing: 1px; 
 background-color:eee2bd; 
 color: ffffff; 
 border:0px; 
 overflow:auto; 
 line-height: 90%;}

{CODES}
.a {hide top search bar}
div div select, div div form {display:none !important;}
body div td div div select {position:absolute!important;top:-1030px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}
table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}

{HIDE}
.friendsComments {display:none;}
.friendspace{display:none}
.latestBlogEntry {display:none;}
.extendedNetwork {display:none;}

{CODES}
div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{visibility:visible;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:0px;}
td.text td.text img {
width: 90px !important;}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:10pt;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position: absolute; left:237px; top:204px; width:415px; height:290px; overflow: auto;">
<h1>about me</h1>
this is your about me.<br>
<b>bold,</b> <i>italic,</i> <u>underline,</u>, <big>big</big> & <a href="last_sunriselayouts">link</a>.<Br>
i like talking about myself and telling everybody what i love ect ect.
<br><Br>
<h1>who i'd like to meet</h1>
this is another section.<br>
here you can write about your heroes.<br>
you can change, add and take away as many headers as you want.<br>
i hope you like everything about this layout(:<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat, libero vel placerat accumsan, lacus nisi pulvinar velit, sed gravida mi dui quis quam. Maecenas iaculis, elit vitae aliquet volutpat, risus lectus suscipit orci, sed convallis lacus nulla vestibulum nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent purus arcu, pellentesque a malesuada a, suscipit ac augue. In dapibus, arcu id vestibulum luctus, odio erat volutpat quam, ac sollicitudin nunc mi id velit. Aliquam consequat rutrum erat vitae interdum. Duis et auctor eros. Donec et tellus leo, vel lobortis ligula. Aliquam id sem et odio luctus tempus. Donec elementum nibh vel odio eleifend eu venenatis arcu hendrerit. Phasellus tincidunt tortor ac augue convallis sed tempus felis malesuada. Mauris ornare placerat faucibus. Aliquam erat volutpat.<Br>
</div>

<div class="content" style="position: absolute; left:665px; top:221px; width:250px; height:274px; overflow: auto;">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg6.com/layouts/09/07/35187aj.png" align="left"></a> <b>Name</b> Sunrise<br>
<b>Age</b> forever young<br>
<b>Gender</b> girlie<br>
<b>Location</b> everywhere<br>
<b>Loves</b> everyone<br>
<b>Hates</b> everything<br>
<b>ECT</b> more basics?<br>
<h2>interests</h2>
tell us about what you do in your spare time.<br>
<h2>layout</h2>
replace all XXXXXXXX with your <b>friend id</b><br>
this layout does scroll. it just looks neater if it doesn't.<br>
for more layouts of this style, visit LASTSUNRISE.NET.
</div>

Layout Comments

Showing latest 10 of 14 comments

This is really minimalist with some real color at the same time, and I like it!

By Butterface89 on Sep 4, 2010 12:14 am

i hate simple layouts
but this one is gorgeous

font bigger though

By emmijane on Mar 6, 2010 6:58 am

you me at six in auhmazing =D

By codydarlingx on Jul 27, 2009 11:54 pm

Very interesting. I like this. :) Good work! ~ZeroGrafics

By ZeroGrafics on Jul 19, 2009 2:00 pm

I agree with the background needing a bit more "popping" but still, love it.

By futura on Jul 17, 2009 8:59 pm

Very nice. I love the headers!

By CandyPop on Jul 17, 2009 4:03 pm

I love the colors. For some reason the previewer has black text, but in the image preview you provided the text is white. The black text is hard to read.

By emberfly on Jul 17, 2009 2:36 pm

i love this layout !! quteee !! *.* :)

By luvzzyahzz on Jul 17, 2009 12:26 pm

ooh, very pretty ^^

By lostinLDN on Jul 17, 2009 10:12 am

Pretty :3..
GOOD JOB!

By Snaily on Jul 17, 2009 10:07 am

View all »

Layout Details

Designer	aliiicimo
Submitted on	Jul 16, 2009
Page views	12,854
Favorites	98
Comments	14
Reviewer	schizo
Approved on	Jul 16, 2009

Take Off Your Colours;

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates