Cupcakes;

Designer's Comments

Look carefully for specific instructions

Based on a mix of a really adorable card in Birthdays and sammytheheadbutt's idea.
Pen-tool & photoshop basic shapes, as well as some patterns created by me(:

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: FFF2F6;
 scrollbar-arrow-color:FFF2F6;
 scrollbar-face-color:FFF2F6;
 scrollbar-3dlight-color:FFF2F6;
 scrollbar-darkshadow-color:FFF2F6;
 scrollbar-shadow-color: FFF2F6;
 scrollbar-highlight-color:FFF2F6;
 scrollbar-track-color:FFF2F6;
 cursor: default;}

div {
 scrollbar-arrow-color:7689ff;
 scrollbar-face-color:FFCDDD;
 scrollbar-3dlight-color:FFCDDD;
 scrollbar-darkshadow-color:FFCDDD;
 scrollbar-shadow-color: FFCDDD;
 scrollbar-highlight-color:FFCDDD;
 scrollbar-track-color:FFCDDD;}

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:arial; 
font-size:9px; 
color:ea7f81; 
font-weight:none;
border:0px;
letter-spacing:1px;}
  
a:active{font-family:arial; 
font-size:9px; 
color:ea7f81; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
  
a:visited{font-family:arial; 
font-size:9px; 
color:ea7f81; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
 
a:hover{font-family:arial; 
font-size:9px; 
color:7689ff; 
font-weight:none;
border:0px; 
text-transform:none; 
text-decoration:none;
letter-spacing:1px;}

{ROLLOVER}
.link1{z-index:5;line-height:10px;position: absolute;width:94px;height:38px;left:233;top:108;}
.link2{z-index:5;line-height:10px;position: absolute;width:65px;height:31px;left:331;top:113;}
.link3{z-index:5;line-height:10px;position: absolute;width:137px;height:36px;left:400;top:111;}
.link4{z-index:5;line-height:10px;position: absolute;width:150px;height:32px;left:544;top:112;}
.link5{z-index:5;line-height:10px;position: absolute;width:126px;height:35px;left:699;top:109;}
.link6{z-index:5;line-height:10px;position: absolute;width:81px;height:33px;left:830;top:110;}

.name1{width: 94px; height: 38px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35441aa.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{width: 65px; height: 31px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35441ab.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{width: 137px; height: 36px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35441ac.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{width: 150px; height: 32px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35441ad.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{width: 126px; height: 35px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35441ae.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}
.name6{width: 81px; height: 33px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/08/35441af.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}

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

{Basic Text}
.text {font:normal 11px arial; 
color:ea7f81; 
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:arial; 
font-size:11px; 
color:7689ff; 
font-weight:bold; 
border:0px; 
text-transform:none; 
letter-spacing:-1px;}

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

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

{BIG}
big, .bigtext {
font-family: arial;
font-size: 14px;
color: 7689ff;
text-transform:none;}

{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

this is your top box.<br><br>
<b>bold</b>, <i>italic</i>, <u>underline</u>, <big>big</big> & <a href="http://www.lastsunrise.net">link</a>.<Br>
here you can write a bit more about yourself & tell us all how you love cupcakes and cakes and muffins and lovely look sweets. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit interdum blandit. Integer nec gravida nisi. In a velit vel arcu rhoncus semper. Aliquam mollis, quam nec convallis placerat, arcu mauris ultrices mauris, vel gravida erat orci vehicula lorem. Cras at nulla pulvinar neque placerat rhoncus. Nullam sem nulla, lacinia vel molestie in, molestie quis arcu. In tincidunt bibendum diam sit amet molestie. Quisque sollicitudin ultrices aliquam. Duis neque eros, adipiscing id vehicula eget, luctus nec mauris. Aenean egestas lacus sed lectus gravida volutpat. Vestibulum tempor egestas nulla et feugiat. Aliquam sed diam sed tortor interdum egestas. Vestibulum at tincidunt odio. Maecenas nibh massa, iaculis ut ultrices sed, volutpat id dui. In nunc diam, ornare in commodo nec, rhoncus ac libero. Aenean non nisi eget est sagittis iaculis ut id sem. Praesent ullamcorper sollicitudin nunc, euismod commodo orci scelerisque ut. Mauris nec diam magna, vel lobortis leo. <br><br>

Curabitur diam turpis, hendrerit vel blandit eu, euismod nec erat. Sed convallis facilisis orci vitae malesuada. Curabitur lacinia erat tempus augue elementum eleifend. Morbi ut urna metus, nec lacinia purus. Quisque quis libero a dolor euismod aliquam. Praesent non turpis eget mi consectetur mollis. Vivamus id dui purus, id euismod sapien. Cras fermentum pellentesque magna. Pellentesque aliquet, quam ut egestas cursus, augue dolor congue diam, vitae pretium est lacus et neque. Nam nunc augue, hendrerit quis viverra vel, venenatis id orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent auctor aliquam erat id varius. Nam aliquet urna mi. Quisque lorem nisl, vulputate fringilla eleifend sed, adipiscing at metus. Curabitur id pulvinar felis. Pellentesque consectetur velit sit amet mi cursus ut tincidunt eros volutpat. Nullam tempus urna ut dui ornare sagittis. Aenean dapibus quam eu nulla porta quis tincidunt risus vehicula. <br><br>

Phasellus suscipit, velit vitae blandit adipiscing, ante magna bibendum lorem, dictum volutpat lorem ligula id tellus. Praesent et lacus sit amet ante ornare molestie. Integer ac est eu elit rutrum aliquam suscipit vitae massa. Sed id purus ac justo eleifend convallis. Sed quis ligula nec ante euismod fringilla. Nulla facilisi. Praesent in est sed nunc ultrices pulvinar sed eget libero. Nullam sed purus dolor. Suspendisse vitae libero at ipsum laoreet pellentesque. Proin elementum lorem vel elit volutpat id tempus mauris ultrices. <br><br>

</div>

this is your bottom box.<br><br>
<b>bold</b>, <i>italic</i>, <u>underline</u>, <big>big</big> & <a href="http://www.lastsunrise.net">link</a>.<Br>
here you can write a bit more about yourself & tell us all about how your friends like the cakes you make them, or how the music you listen to inspires you to make cakes, or even a nice recipe for us all to enjoy. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit interdum blandit. Integer nec gravida nisi. In a velit vel arcu rhoncus semper. Aliquam mollis, quam nec convallis placerat, arcu mauris ultrices mauris, vel gravida erat orci vehicula lorem. Cras at nulla pulvinar neque placerat rhoncus. Nullam sem nulla, lacinia vel molestie in, molestie quis arcu. In tincidunt bibendum diam sit amet molestie. Quisque sollicitudin ultrices aliquam. Duis neque eros, adipiscing id vehicula eget, luctus nec mauris. Aenean egestas lacus sed lectus gravida volutpat. Vestibulum tempor egestas nulla et feugiat. Aliquam sed diam sed tortor interdum egestas. Vestibulum at tincidunt odio. Maecenas nibh massa, iaculis ut ultrices sed, volutpat id dui. In nunc diam, ornare in commodo nec, rhoncus ac libero. Aenean non nisi eget est sagittis iaculis ut id sem. Praesent ullamcorper sollicitudin nunc, euismod commodo orci scelerisque ut. Mauris nec diam magna, vel lobortis leo. <br><br>

Curabitur diam turpis, hendrerit vel blandit eu, euismod nec erat. Sed convallis facilisis orci vitae malesuada. Curabitur lacinia erat tempus augue elementum eleifend. Morbi ut urna metus, nec lacinia purus. Quisque quis libero a dolor euismod aliquam. Praesent non turpis eget mi consectetur mollis. Vivamus id dui purus, id euismod sapien. Cras fermentum pellentesque magna. Pellentesque aliquet, quam ut egestas cursus, augue dolor congue diam, vitae pretium est lacus et neque. Nam nunc augue, hendrerit quis viverra vel, venenatis id orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent auctor aliquam erat id varius. Nam aliquet urna mi. Quisque lorem nisl, vulputate fringilla eleifend sed, adipiscing at metus. Curabitur id pulvinar felis. Pellentesque consectetur velit sit amet mi cursus ut tincidunt eros volutpat. Nullam tempus urna ut dui ornare sagittis. Aenean dapibus quam eu nulla porta quis tincidunt risus vehicula. <br><br>

Phasellus suscipit, velit vitae blandit adipiscing, ante magna bibendum lorem, dictum volutpat lorem ligula id tellus. Praesent et lacus sit amet ante ornare molestie. Integer ac est eu elit rutrum aliquam suscipit vitae massa. Sed id purus ac justo eleifend convallis. Sed quis ligula nec ante euismod fringilla. Nulla facilisi. Praesent in est sed nunc ultrices pulvinar sed eget libero. Nullam sed purus dolor. Suspendisse vitae libero at ipsum laoreet pellentesque. Proin elementum lorem vel elit volutpat id tempus mauris ultrices. <br><br>

</div>

Layout Comments

Showing latest 10 of 19 comments

this is cute as F***

By NoWorriesDesigns on Jan 2, 2010 5:39 am

can you show me how to do this.? i've been trying to learn but i cant. and the layout isnt working it's showing my old myspace in the background

By lilmomorunit on Dec 28, 2009 1:54 am

i used the layout and i was having a slight issue with it, everytime i put a music player on it. the player just goes directly to the top left corner of the bottom or top box where you put your information in and what not. i put breaks and it doesn't change anything, it covers up everything and just goes to the top left corner, help please

By jasminegasm on Aug 30, 2009 8:52 pm

The shadow bar is just the createblog preview, and if it's not centered it's because of my resolution, which is widescreen.

By aliiicimo on Aug 14, 2009 5:09 pm

let me know if it can be fixed

By sie02 on Aug 13, 2009 1:56 pm

amazing .. on my end though its not fully centered n the navigation part for myspace has a shadow left from where the real navigation bar was

By sie02 on Aug 13, 2009 1:51 pm

yummy =]

By impurities on Aug 11, 2009 5:41 pm

meoweh: as long as you're using 1.0 myspace profile, then you just copy the codes into where it says to, and replace the XXXXXXXX with your friend ID, and the filler text with your about me. hope that helps somewhat.

By aliiicimo on Aug 10, 2009 5:58 am

Please, someone, this is so freaking cute. how do i get it as a myspace layout, i've tried. but it wont do it.

By meoweh on Aug 9, 2009 5:52 pm

Very cute!

By Karisa85 on Aug 7, 2009 10:35 pm

View all »

Layout Details

Designer	aliiicimo
Submitted on	Aug 5, 2009
Page views	18,834
Favorites	129
Comments	19
Reviewer	schizo
Approved on	Aug 6, 2009

Cupcakes;

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