Cupcake Love

Designer's Comments

Look carefully for specific instructions

IF IT LOOKS MISALIGNED TRY HITTING REFRESH.

Credits: Layout tutorials I followed for this code came from here and here. Comment box tutorial came from here. Centered with this this tutorial and ad fixed with help thanks to her.

Etc: Not my best but maybe someone could use it. Do what you want with the code as always I could care less, although it'd probably just be easier to follow the tutorials above. All other credits are on the bottom of the layout.

Tested in IE.

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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
body{
background-image: url('http://cbimg6.com/layouts/09/02/33785aa.png');
background-color: EEEEEE;
background-repeat: repeat;
background-position: center center;
scrollbar-arrow-color:D34B7E;
scrollbar-track-color:EBE5CF;
scrollbar-shadow-color:D34B7E;
scrollbar-face-color:F8D8D8;
scrollbar-highlight-color:D34B7E;
scrollbar-darkshadow-color:D34B7E;
scrollbar-3dlight-color:D34B7E;}

font, body, table, td, div, h2, br, a, p {font-family:arial; font-size:11px; color:333333; background-color:none; text-transform:none;

text-decoration:none; font-weight:none;line-height:12pt;}

.text, .redtext, .redbtext {font:normal 11px arial; color:D34B7E; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.orangetext15, .nametext {font-family: arial; color: eeeeee; font-weight: bold; font-size: 11px; letter-spacing: 0px;}
.lightbluetext8, .blacktext12, .whitetext12, .blacktext10 {font-family:arial; font-size:11px;  color:D34B7E; font-weight:bold;border:0px;

text-transform: none;}

a{color:  DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a:link{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a:active{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a:visited{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a:hover{ color: D34B7E; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.redlink{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:link{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:active{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:visited{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.redlink:hover{ color: D34B7E; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.navbar{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:link{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:active{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:visited{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.navbar:hover{ color: D34B7E; text-decoration:none; font-size: 11px; font-family: arial; cursor: default;}

a:link, a.man{color:  DF799F; text-decoration: none; font-size: 11px;  font-family: arial;}
a:active{color:  DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a:visited{color:  DF799F; text-decoration: none; font-size: 11px;  font-family: arial;}
a:hover{ color: D34B7E; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

a.text:link{color: DF799F; text-decoration: none; font-size: 11px;  font-family: arial;}
a.text:visited{color: DF799F; text-decoration: none; font-size: 11px; font-family: arial;}
a.text:hover{ color: D34B7E; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;}

table table div form {display:inline !important;}.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}td td td td{border:0px;width:0px;text-align:left;}table,td,tr{padding:0px;width:;background-color:transparent}table table table{padding:1px;height:.01%;width:100%;}table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}td.text table table{display:inline;visibility:visible;}table td table tr td.text table{visibility:hidden;}table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}table div div{visibility:hidden;!important;}table table table table,table table table table td.text, td.text td.text table{display:none;}body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}div div, div td {background-color:transparent; background-image:none!important;}div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} .profile, div ul {display:none !important;}

.standard b, p b, B, strong {
font-family:arial; font-size:11px; color:D26670; font-weight:bold;border:0px;}

h1 {
  border-bottom: 2px dashed; 
  border-color:DE818C;
  font:130%/1.4em georgia, Serif; 
  line-height: 22px;
  text-transform:uppercase;
  letter-spacing: 3px;
  color:D8507A;
  font-weight: bold;
  margin-top: 8px;
background-image: url('http://cbimg6.com/layouts/09/02/33785ab.png');
  margin-right: 4px;
  margin-left:4px;
}

a.nav:link, a.nav:visited, a.nav:active {
   background-color:F3CDCD;
   color:D8507A;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left:5px solid; 
   border-bottom:1px solid; 
   border-color:D8507A;
   font:14px, "georgia", sans-serif;
   line-height: 19px;
   letter-spacing: 2px;
   text-transform: uppercase;
   padding-left: 10px;
   font-weight: bold;}

a.nav:hover {
   background-color: F7DEDD;
   color:DA6E78;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left:5px solid; 
   border-bottom:1px solid; 
   border-color:D8507A;
   font:14px, "georgia", sans-serif;
   line-height: 19px;
   letter-spacing: 2px;
   text-transform: uppercase;
   padding-left: 10px;
   font-weight: bold;}

p {padding: 8px;}

a img {
border: 0 none;
}

img {
border: 0 none;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Header</h1>

<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Praesent commodo malesuada nunc. Morbi dapibus. Ut dui. Nam in

ante at diam congue congue. Ut tortor enim, laoreet ac, tincidunt id, tincidunt vel, eros. Sed aliquet interdum tellus. Duis ipsum dolor,

sodales a, egestas ac, tincidunt sit amet, leo. Duis vitae eros. Nullam eu augue ac enim tristique interdum.

</p>

<h1>Extra Header</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempus vulputate massa. Etiam eget elit a eros vulputate facilisis.

Aenean ultricies, est et euismod accumsan, mauris enim mattis felis, vitae sollicitudin lacus ipsum id arcu. Pellentesque nisl nisi,

consequat ac, dignissim sit amet, sagittis ut, ligula. In erat elit, consequat in, mattis nec, lacinia ut, turpis. Pellentesque a justo. Praesent

est. <p>

<h1>Friends</h1>
<p>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33785ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33785ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33785ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33785ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33785ad.png" /></a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg6.com/layouts/09/02/33785ad.png" /></a>
</p>

</div>

<div class="content" style="position: absolute; left:50%;  top:530px; background-image: url('http://i44.tinypic.com/11lr7sn.png'); margin-left:-299.5px;  width:200px; height:1000px;  overflow: auto;

z-index:2;div align:center;">

<h1>About Me</h1>

<p><img src="http://cbimg6.com/layouts/09/02/33785ae.png" alt="" align="left" />   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Praesent commodo malesuada nunc. Morbi dapibus. Ut dui. Nam in

ante at diam congue congue. Ut tortor enim, laoreet ac, tincidunt id, tincidunt vel, eros. Sed aliquet interdum tellus.

</p>

<h1>Navigate</h1>
<p>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX" class="nav">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX" class="nav">Message Me</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=XXXXXXXX" class="nav">My Blog</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="nav">Block Me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=XXXXXXXX&albumid=0" class="nav">View Pics</a>
</p>

<h1>Comment</h1>
<p>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" />
<textarea name="f_comments" style="font-family:georgia; color:D34B7E; font-size:10px; font-weight:normal; text-transform:uppercase;

letter-spacing:1px; width:155px; height:60px; padding:1px; text-align: left; background-color:F8D8D8; border-color:D34B7E; border-width:1px;

border-style:solid; overflow:hidden; background-image:url();">Comment Me?</textarea><br />
<input style="font-family:georgia; text-transform:uppercase; color:D34B7E; font-weight:normal; letter-spacing:1px; font-size:11px;

width:150px; height:18px; 
background-color:F8D8D8; border-color:D34B7E; border-width:1px; border-style:solid; text-align: center;  background-image:url();" type="submit" value="Submit" />
</form></center>
<p>

<h1>Credits</h1>
<p>
<br /><b>Designer:</b> <a href="http://sweetalacrity.createblog.com/">SweetAlacrity </a>.
<br /><b>Resources:</b> <a href="http://reminiscent-designs.net/" target="_blank">&</a>, <a

href="http://boxx2genetica.deviantart.com/" target="_blank">&</a>, <a href="http://sanami276.deviantart.com/" target="_blank">&</a>, <a

href="http://streetcarcircus.net/" target="_blank">&</a>, <a href="http://www.sxc.hu/" target="_blank">&</a>, <a

href="http://lovelytrash.org/" target="_blank">&</a>, <a href="http://synthoxide.net/" target="_blank">&</a>, <a

href="http://nadine.fan-arts.net/" target="_blank">&</a>.
</p></div>

Layout Comments

Showing latest 10 of 28 comments

Purty(: Yum yum.

By Butterface89 on Jul 26, 2010 7:48 pm

i love this layout, i'm trying to let go of my old one, but its hard XD

By MrsKimberly on Aug 22, 2009 6:22 am

Nice layout, I like it ^_^

By Medi on Mar 16, 2009 6:19 pm

omg! this is gorgeous! The colors are soo tasty. :]
I love it. The rainbow sprinkles, the font, and
the way the layout is organized. Oh my, oh my.
This is an inspirational layout.

By 2shine4u on Feb 23, 2009 10:07 pm