Purpleness

Designer's Comments

Look carefully for specific instructions

- just replace all XXXXXX with ur Friend ID

- Thanks to Melie for helping me with the Rollover Codes. (gracias, hermana :) )

- Orchid is from: Aceanimation.com

- Brushes are from:
http://community.livejournal.com/brushaddicts/

and

http://pervoibrushes.deviantart.com/

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 type="text/css">.MyspaceGens Hide New Navigation Bar { http://www.myspacegens.com/handler.php?page=tutorials&16=S } div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position: relative; left: -10000px; } div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 } div.profileWidth div.clearfix, div.profileWidth div div { filter: none; opacity: 0.9999; } div.profileWidth div.clearfix { position: relative; top: 40px; }</style>

body table {margin-top:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}
 
body {background-color:dfdfdf;
background-image: url(http://cbimg6.com/layouts/08/04/02/26639aa.gif);
background-attachment:fixed;
background-repeat:repeat;
scrollbar-arrow-color:000000;
scrollbar-face-color:d758d5;
scrollbar-highlight-color:f1f1f1;
scrollbar-3dlight-color:f1f1f1;
scrollbar-shadow-color:f1f1f1;
scrollbar-darkshadow-color:f1f1f1;
scrollbar-track-color:f1f1f1;
}

{text}
table, tr, td, li, p, div {  color:ba4dcd; font-family:Candara; font-size:10px;     }

.redtext {  color:ba4dcd; font-size:12px;      }

a:active, a:visited, a:link{  color:ba4dcd; font-family:Candara; font-size:11px; text-transform: uppercase;  }

a:hover {  color:ba4dcd; font-size:10px;    } 
 
b {color:ba4dcd; font-family:Candara; font-weight:bold; font-size:10px;}
 
u{font-family:Candara;font-size:10px;color:ba4dcd;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:d758ed;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: Candara;
font-size: 10px;
font-weight: bold;
color: ba4dcd;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}

{divs}

.layout { background-color:transparent; 
background-image: url(http://cbimg6.com/layouts/08/04/02/26639ab.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top center;
position: absolute;
left: 0px;
margin-left: 0%;
top: 160px;
height: 602px;
width: 802px;
overflow: auto;
z-index: 1;
}

.aboutme { background-color:none;
position: absolute;
left: 5px;
margin-left: 0%;
top: 427px;
height: 162px;
width: 307px;
border-color:white; 
border-style:solid;
border-width: 1px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .aboutme { background-color:none;
position: absolute;
left: 5px;
margin-left: 0%;
top: 427px;
height: 162px;
width: 325px;
border-color:white; 
border-style:solid;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.box { background-color:none;
position: absolute;
left: 334px;
margin-left: 0%;
top: 426px;
height: 344px;
width: 410px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 334px;
margin-left: 0%;
top: 426px;
height: 344px;
width: 410px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.contact { background-color:none;       
text-align: center;
position: absolute;
left: 584px;
margin-left: 0%;
background-color:d9c546;
top: 529px;
height: 29px;
width: 242px;
border-color:black; 
border-style:solid;
border-width: 1px;
overflow-y:auto;
z-index: 2;
}

.home{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639ac.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.home:hover{background-position:top left;}

.homecon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:5px;
top:373px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639ad.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:top left;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x-hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:70px;
margin-top:373px;
visibility:visible;
z-index:6;}

.block{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639ae.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.block:hover{background-position:top left;}

.blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:135px;
margin-top:373px;
visibility:visible;
z-index:6;}

.blog{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:top left;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:202px;
margin-top:373px;
visibility:visible;
z-index:6;}

.friends{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639ag.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.friends:hover{background-position:top left;}

.friendscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:270px;
margin-top:373px;
visibility:visible;
z-index:6;}

.pix{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639ah.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:top left;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:400px;
margin-top:373px;
visibility:visible;
z-index:6;}

.msg{
height:40px; 
width:64px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639ai.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:top left;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:338px;
margin-top:373px;
visibility:visible;
z-index:6;}

.credit{
height:25px; 
width:100px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/08/04/02/26639aj.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.credit:hover{background-position:top left;}

.creditcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:170px;
margin-top:612px;
visibility:visible;
z-index:6;}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :) TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :)TALK ABOUT URSELF. WHATEVER U WANT. IT WILL SCROLL. SO DONT B STINGY WIT UR WORDS. :)TALK ABOUT URSELF.

</div> 
</div>

<div style="text-align: left; width: 100%; height: 100%;"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 100px; height: 143px; color: ba4dcd; font-size: 10px; font-family: Verdana; text-align: left; background-color: transparent; background-image: url(''); border-color: ffffff; border-width: 1px; border-style: solid;">Leave some love. ..</textarea>
<br>
<input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="ok" style="color: ba4dcd; font-size: 10px; background-color: transparent; border-color: ffffff; border-width: 1px; border-style: solid;">
</form>
</div>

Layout Comments

Showing latest 10 of 19 comments

The block rollover is the best!! ;PP
Very pretty layout... like it a lot.

By Flutteri on Apr 28, 2010 7:50 pm

I love the rollovers, except the one for block.

By DreamerXD on May 22, 2008 10:20 pm

hey can you tell me how to put this layout on my page i tried and all it showed was the gray background

By rebtara on Apr 27, 2008 6:43 am

i have never put a layout like this on myspace can u help me out?

By liveyboo on Apr 16, 2008 8:38 am

this is so cute! it's simple, but adorable. love the colors and the rollovers are cute. good job! =)

By ZacEfronsBabe07 on Apr 8, 2008 7:39 pm

this layout is so weird.. i filled in everything and when i saved changes i viewed my profile and all my comments where showing and wasnt aligned right . does it look better in IE? cause i use firefox..

By sweetx-serenity on Apr 6, 2008 3:17 pm

the roll overs are both cute on sooo funny! great creation!!

By missk on Apr 3, 2008 10:25 pm

i like :)
better if you change the links to all uppercase/lowercase

By jiyong on Apr 3, 2008 10:10 pm

ROFL @ UR ROLLOVERS! .. heheheh. you're so creative :)

By emberfly on Apr 3, 2008 6:01 pm

really cute rollovers >.< im not sure about the whole purpleness...(maybe cause im not really a big fan of purple...lol) the lines seem too randomized. the colorful background seems interesting. im not sure about the gray background...kinda makes the layout dull. try to widen your color scheme to make your layout "fuller." anyways, good work. :]

By twodreamlovers on Apr 2, 2008 11:45 pm

View all »

Layout Details

Designer	diputs
Submitted on	Apr 2, 2008
Page views	23,552
Favorites	219
Comments	19
Reviewer	Insurmountable
Approved on	Apr 2, 2008

Purpleness

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