Purple Swirls

Designer's Comments

Look carefully for specific instructions

TO INSTALL
[1] Push ctrl + F and find -all- XXXXXX and replace with your friend id.
[2] Push ctrl + F and find -all- YOURFRIENDURLHERE and replace with your friends' Myspace addresses.
[3] Edit YourPic.png and FriendPic.png to yours and your friend's pictures.
[4] You're done! Enjoy your work and the layout!

Please do not remove credit!!

Please email me (eclecticlayouts@hotmail.com) or message me if you have any questions.

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

body { 
  background-color:000000;
  background-image: url(none);
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
 scrollbar-arrow-color: 272727;
  scrollbar-track-color: 444444;
  scrollbar-face-color: 272727;
  scrollbar-highlight-color: 272727;
  scrollbar-3dlight-color: 272727;
  scrollbar-darkshadow-color: 272727;
  scrollbar-shadow-color: 272727;
}

{text}
table, tr, td, li, p, div {  color:27162b; font-family: Small Fonts, Arial; font-size:9px;     }

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

a:active, a:visited, a:link{  color:000000; font-family:Arial; font-size:9px; text-transform: uppercase;  }

a:hover {  color:ffffff; font-size:10px;    } 
 
b {color:ba4dcd; font-family:Candara; font-weight:bold; font-size:10px; }
 
u{font-family:Arial;font-size:9px;color:3C3C3C;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:3C3C3C;
letter-spacing:0px;}

s {color:ffffff; font-family:Candara; font-weight:strike; font-size:10px; }

i {color:ffffff; font-family:Candara; font-weight:italic; font-size:10px; }
 
 .blacktext10 {
font-family: Arial;
font-size: 9px;
font-weight: bold;
color: 3C3C3C;
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: 3C3C3C;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}

{divs}

.bg1
{background-color: transparent;
background-image: url(http://cbimg6.com/layouts/09/05/34614aa.png);
background-attachment: scroll;
background-position:top left; 
background-repeat:no-repeat;
position:absolute;
top:163px;
left:0px;
scroll:hidden;
display:block;
width:1250px;
height:650px;
z-index:1;}

.header
{
background-color: transparent;
background-attachment: scroll;
position:absolute;
top:250px;
left:550px;
display:block;
padding:0px;
width:658px;
height:120px;
z-index:2;
overflow:hidden;
text-align:justify;
}

.comment{
height:28px; 
width:197px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ab.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.comment:hover{background-position:bottom left;}

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

.msg{
height:32px; 
width:139px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ac.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.creds
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:730px;
left:725px;
display:block;
padding:0px;
width:215px;
height:23px;
z-index:2;
overflow:hidden;
text-align:justify;}

.home{
height:129px; 
width:68px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ad.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.add{
height:107px; 
width:68px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ae.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.block{
height:138px; 
width:68px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.pix{
height:125px; 
width:68px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ag.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.blog{
height:107px; 
width:68px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ah.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.friends{
height:142px; 
width:68px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/05/34614ai.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

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

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

.everything
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:440px;
left:410px;
display:block;
padding:0px;
width:396px;
height:236px;
z-index:2;
overflow:auto;
text-align:justify;}

.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments,

.userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 {

display:none; }

body table {margin-top803d00:-5000px;}
body td table, body div table {margin-top: 0;}
body div div table td {background-color:000000;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Your Title Here

</font>
</div>

<img src="http://cbimg6.com/layouts/09/05/34614aj.png" align="left" border="0">
<p><a href="#">Link</a> <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s>
<p>[Name:] Your Name
<p>[Location:] Your Loc
<p>[Age:] Your age
<p><br>About me here, and whatever else.. etc. etc. etc. This part expands and makes a scrollbar, so put how ever much

content you want. Make sure you edit the XXXXXX's to your own FriendID.  
<p>The 'Your Pic" dimensions are 100 x 100, but of course you're not limited to using these sizes.. Just fyi.
<p>Other than that.. Have fun! Any questions, you can email me: eclecticlayouts at hotmail dot com. Thanks for using!
<br><br>

</div> 
</div>

<div class="commentcon">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX" alt="comment

me" class="comment" target="_blank"></a>
</div>

<div class="pixcon">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX" alt="my photos"

class="pix" target="_blank"></a>
</div>

<div class="blogcon">
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ErrorInfo&friendID=XXXXXX" alt="my blog" class="blog"

target="_blank"></a>
</div>

<div class="creds">
<a href="http://www.myspace.com/ec_lectic" target="_blank"><img

src="http://cbimg6.com/layouts/09/05/34614ak.png" border="0"></a>
</div>

<div class="msgcon">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX" alt="message me" class="msg"

target="_blank"></a>
</div>

<div class="addcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" alt="add me" class="add"

target="_blank"></a>
</div>

<div class="blockcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" alt="block me" class="block"

target="_blank"></a>
</div>

<div class="friendscon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX" alt="my friends"

class="friends" target="_blank"></a>
</div>

<div class="commentscon">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXX" alt="my comments"

class="comments" target="_blank"></a>
</div>

Layout Comments

Showing latest 8 of 8 comments

sexie...

By harlemchick on Dec 20, 2009 1:26 pm

i love it.. simple iz koo!!

By 09azaz on Jun 13, 2009 11:39 pm

where you put your picuter

By babyjames4 on May 23, 2009 2:14 pm

The rollovers are pretty good but the layout itself is kinda basic. Otherwise, good job! :)

By Mikeplyts on May 17, 2009 2:25 pm

I like the rollovers but the font normally needs a shadow or glow to it to make it stand out more.

By shadowkissed on May 17, 2009 12:02 pm

i like the purple.

By smash on May 16, 2009 11:21 pm

I don't much like it, but I agree the rollovers are nice =]

By dilligrout on May 16, 2009 7:55 pm

i like the rollovers, but the font's hard to read

By jiyong on May 16, 2009 3:47 pm

Layout Details

Designer	oranger0cks
Submitted on	May 14, 2009
Page views	33,863
Favorites	183
Comments	8
Reviewer	A1Bassline
Approved on	May 16, 2009

Purple Swirls

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