Cupcake

Designer's Comments

Look carefully for specific instructions

Pattern: http://patterns.ava7.com/tag-neutral.php

Tested in Firefox, IE, and Safari.

Edited the font color to black and changed the font size.

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/08/35621aa.png");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: transparent;
scrollbar-shadow-color: ffffff;
scrollbar-face-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-3dlight-color:ffffff;
}

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

table table table {border: 1px solid; border-color: transparent; background-color: transparent; }

body,table, td, li, p, div, textarea  
{font:normal 10px; font-family: tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

.text {font:normal 10px; font-family:tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}
</style>

<center>
<style>
.navigation1{
background-color:transparent; 
position:absolute;
left: 0%; 
width:64px;
height:40px;
z-index:5;
margin-left:390px;
top:355px;}

.home {display:block;width:64px;height:40px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ab.png"); background-repeat:no-repeat; background-position:top left; }

.home:hover {display:block;width:64px;height:40px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ac.png"); background-repeat:no-repeat; background-position:bottom left;} 
</style>

.add {display:block;width:58px;height:30px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ad.png"); background-repeat:no-repeat; background-position:top left; }

.add:hover {display:block;width:58px;height:30px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ae.png"); background-repeat:no-repeat; background-position:bottom left;} 
</style>

.message {display:block;width:114px;height:39px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621af.png"); background-repeat:no-repeat; background-position:top left; }

.message:hover {display:block;width:114px;height:39px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ag.png"); background-repeat:no-repeat; background-position:bottom left;} 
</style>

.pictures {display:block;width:119px;height:41px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ah.png"); background-repeat:no-repeat; background-position:top left; }

.pictures:hover {display:block;width:119px;height:41px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ai.png"); background-repeat:no-repeat; background-position:bottom left;} 
</style>

.friends {display:block;width:118px;height:55px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621aj.png"); background-repeat:no-repeat; background-position:top left; }

.friends:hover {display:block;width:118px;height:55px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ak.png"); background-repeat:no-repeat; background-position:bottom left;} 
</style>

.block {display:block;width:103px;height:37px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621al.png"); background-repeat:no-repeat; background-position:top left; }

.block:hover {display:block;width:103px;height:37px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621am.png"); background-repeat:no-repeat; background-position:bottom left;} 
</style>

.blog {display:block;width:80px;height:52px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621an.png"); background-repeat:no-repeat; background-position:top left; }

.blog:hover {display:block;width:80px;height:52px; background-color:transparent; background-image:url("http://cbimg6.com/layouts/09/08/35621ao.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
</center>

Layout Code

Copy and paste to I'd Like to Meet

Help

a:link, a.man{font-family:Tahoma; font-size:9px; color:575757; font-weight:none;border:0px; text-transform: normal; letter-spacing: 0px;}  
a:active{font-family:Tahoma; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: normal;}  
a:visited{font-family:Tahoma; font-size:9px; color:575757; font-weight:none;border:0px; text-transform: normal;} 
a:hover{font-family:Tahoma; font-size:9px; color:575757; font-weight:underline;border:0px; text-transform: normal;} 
</style>

<div class="About Me" style="position: absolute; left:365px;  top:560px; width:515px; height:270px; overflow: auto; overflow-x:hidden; color:000000; font-family: Tahoma; font-size: 10px;">
<h1>About Me</h1>
<b>Lorem</b> <i>ipsum</i> <u>dolor</u> <s>sit</s> <a href="http://www.createblog.com">amet</a>, consectetur adipiscing elit. Duis in molestie nisi. Nulla facilisi. Suspendisse cursus odio ligula, a elementum neque. Sed condimentum tempor dolor ac lobortis. Sed placerat quam auctor odio consequat ac hendrerit lorem tempus. Nam nec odio sed turpis pretium gravida. Duis eleifend, lorem at interdum placerat, nunc dolor interdum nisi, at fermentum eros augue a ligula. Praesent eget sapien ut quam mollis euismod sed ac arcu. Aenean vel tortor sed tellus posuere tempus sed quis ipsum. Mauris quam velit, pellentesque sit amet accumsan vel, ultricies quis tortor. Vestibulum sagittis lobortis ligula nec aliquet. 
<br /><br />
Integer aliquet consequat molestie. Donec dictum pulvinar magna, a venenatis purus luctus quis. Duis ultrices imperdiet mauris ut pretium. Morbi consequat eros in enim commodo mattis. Vivamus pulvinar, magna ut facilisis sodales, tortor massa suscipit dolor, vel egestas tellus justo sed libero. Donec dui metus, faucibus non aliquam non, molestie in erat. Proin a libero tellus. Aliquam a risus a ipsum pretium tempus non id tortor. Praesent id dolor orci, id euismod magna. Etiam vitae massa turpis, ac consectetur mi. Quisque eu tellus ac eros dapibus congue at eu lacus. Sed at tortor tristique quam laoreet fringilla. Curabitur imperdiet vehicula facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc cursus lobortis velit ac tristique. Proin nec massa eget tellus dictum iaculis. Nullam congue turpis vitae massa venenatis gravida eu nec lacus. 
<br /><br />
Suspendisse non mi erat, in aliquam sem. Pellentesque sit amet leo ut metus dapibus iaculis eu at ligula. Proin vel pellentesque urna. Nullam nisl elit, tincidunt et mollis et, dictum quis mi. Praesent sapien nisi, commodo id facilisis nec, lacinia eget lacus. Sed ornare augue placerat elit pretium condimentum eget eu sem. Duis sagittis, ligula ac molestie blandit, justo enim lacinia erat, vitae tincidunt mauris neque nec erat. In blandit, nisl ac tempus tincidunt, lacus leo venenatis magna, id laoreet libero sem eget purus. Curabitur aliquam aliquam mauris, eu consequat sem interdum nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lectus justo, pharetra convallis tellus. Curabitur rhoncus risus a nisi viverra fermentum. Nulla blandit, augue vel malesuada fringilla, nunc libero cursus purus, in consectetur augue diam vel nisl. Vivamus sit amet nisl quis nulla mattis condimentum ac quis ipsum. Nunc gravida lorem vel arcu fermentum convallis. Curabitur ullamcorper auctor tellus ut convallis. Curabitur dapibus dignissim dolor, in vehicula nisi rhoncus sit amet. Fusce lectus purus, varius id mollis in, dapibus quis felis. Integer viverra porta mi in ultricies. Aenean gravida mollis mi, eu dignissim tortor auctor vel. Vestibulum id odio velit, non laoreet lectus. Nunc orci lacus, euismod sed convallis sed, lacinia sit amet arcu. Maecenas eget vestibulum tortor. Phasellus suscipit justo id mauris pellentesque scelerisque. Curabitur euismod enim vitae sapien tempor vitae consequat magna interdum. Nulla interdum dui ac libero venenatis mattis. Curabitur elementum malesuada libero, sit amet egestas nulla aliquet non. Aliquam erat volutpat. Proin non augue augue, a vestibulum arcu. Fusce non ipsum arcu, ac molestie elit. Curabitur ornare libero sed lorem sollicitudin feugiat. Aliquam bibendum adipiscing ante pulvinar placerat. Etiam vel turpis et nisl porta luctus. Sed justo justo, fermentum in rhoncus et, sagittis at mi. Etiam et arcu vel risus volutpat pellentesque non id lacus. Vestibulum ac faucibus sapien. Curabitur vel nunc lorem, at imperdiet felis. 
<br /><br />
Integer aliquet consequat molestie. Donec dictum pulvinar magna, a venenatis purus luctus quis. Duis ultrices imperdiet mauris ut pretium. Morbi consequat eros in enim commodo mattis. Vivamus pulvinar, magna ut facilisis sodales, tortor massa suscipit dolor, vel egestas tellus justo sed libero. Donec dui metus, faucibus non aliquam non, molestie in erat. Proin a libero tellus. Aliquam a risus a ipsum pretium tempus non id tortor. Praesent id dolor orci, id euismod magna. Etiam vitae massa turpis, ac consectetur mi. Quisque eu tellus ac eros dapibus congue at eu lacus. Sed at tortor tristique quam laoreet fringilla. Curabitur imperdiet vehicula facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc cursus lobortis velit ac tristique. Proin nec massa eget tellus dictum iaculis. Nullam congue turpis vitae massa venenatis gravida eu nec lacus.

<br><br>
<center><form action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment&friendID=XXXXXXXX" method="post"><input value="XXXXXXXX" name="friendID" type="hidden" /><textarea style="border:1px solid black; overflow:hidden; width:200px; height:60px; background-color:; background-image:url(http://cbimg6.com/layouts/09/08/35621aq.png); text-align:left; font-family:small fonts; font-size:7px; color:000000; line-height:10px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; padding-right:9px;" name="f_comments">cupcake please ^^</textarea><br />
<input style="border:1px solid black; overflow:hidden; width:200px; height:14px; background-color:ffffff; text-align:center; font-family:small fonts; font-size:7px; color:00000; line-height:9px; letter-spacing:1px; font-weight:normal; text-transform:uppercase;" value="♥" type="submit" /></form></center>
</div>
<br /><br />

Layout Comments

Showing latest 10 of 16 comments

hey can you convert this to a 2.0 layout?

By sdaniza on Jun 24, 2010 4:38 pm

Kicks my cupcake layout's Butt!!!

but it is too big shes right.
rollover font little blurry? and barely realize theyre there
Sprinle Sprinkle Surprise?

By emmijane on Mar 6, 2010 6:25 am

no picture

By ninigipo07 on Dec 19, 2009 1:47 pm

Thanks:D

By Saraaaah on Aug 29, 2009 11:56 am

cute..
lke a lot:)...

By awesomegurl7686 on Aug 28, 2009 8:18 pm

Thank you!
Haha my friends probably wouldn't know where it was.

By Saraaaah on Aug 27, 2009 10:45 am

Aw, very cute.

By futura on Aug 26, 2009 11:51 pm

Nice rollovers, although it took me a while to realise where they were. I guess I'm one of those stupid people (:

By aliiicimo on Aug 26, 2009 4:15 pm

Haha. I guess you could just write it in your about me that they're the navigation xD

By Saraaaah on Aug 26, 2009 12:28 pm

ALL OF MY FRIENDS ARE RETARDED. they'd never know the sprinkles were the navigation... lol

By Frappuccino on Aug 26, 2009 6:52 am

View all »

Layout Details

Designer	Saraaaah
Submitted on	Aug 25, 2009
Page views	15,179
Favorites	59
Comments	16
Reviewer	Mike
Approved on	Aug 25, 2009

Cupcake

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