Baby Cruising Love

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

This layout was designed to pull of a blue, white Japanese theme.
I absolutely love perfume,

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

.content {
font:normal 10px verdana;
color: dddddd;
line-height: 12px;
background-color:transparent;
padding:5px;
text-align:left;
width:350px; 
height:370px;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 500px;
margin-top: 470px;
scrollbar-arrow-color:D1CFC2; 
scrollbar-track-color:F8F6E7; 
scrollbar-shadow-color:FFFEEF; 
scrollbar-face-color:EBE8D5; 
scrollbar-highlight-color:FFFEEF; 
scrollbar-darkshadow-color:E6E5C2; 
scrollbar-3dlight-color:E6E5C2;
}

.mcmts {
position: absolute; 
width:400px; 
height:170px; 
left: 0%; 
top: 0%;
margin-left: 128px;
margin-top:785px;
border: 0px; 
overflow-x:hidden; 
z-index: 3; 
visibility:visible;}

.content2 {
font:normal 10px verdana;
color: 3B3B38;
line-height: 12px;
background-color:transparent;
padding:5px;
text-align:left;
width:260px; 
height:70px;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 128px;
margin-top: 700px;
scrollbar-arrow-color:D1CFC2; 
scrollbar-track-color:F8F6E7; 
scrollbar-shadow-color:FFFEEF; 
scrollbar-face-color:EBE8D5; 
scrollbar-highlight-color:FFFEEF; 
scrollbar-darkshadow-color:E6E5C2; 
scrollbar-3dlight-color:E6E5C2;
}

.content3 {
font:normal 20px georgia;
color: 000000;
letter-spacing:4px;
line-height: 12px;
background-color:transparent;
padding:0px;
text-align:right;
width:200px; 
height:200px;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 280px;
margin-top: 470px;
}

a img, img { 
border: none; 
border-width: 0px; 
}

.textarea {
width:100px;
border:none;
background-color:transparent;
}

h1 {
font-family:arial;
text-transform:lowercase;
font-size:20px;
color:dddddd;
letter-spacing:2px;
background-color:transparent;
text-align: center;
font-weight:normal;
padding-top:2px;
border:0px;
}

h1:first-letter {
color:99DAED;
}

b, strong {
color: 497784;
}

i, em {
color: 186C78;
font-family:georgia;
font-size:12px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: ffffff;
}

a:link, a:active, a:visited {
font: 20px georgia;
color:000000;
text-decoration:none;
text-transform:lowercase;
}
a:hover {
font:bold 19px georgia;
text-transform:lowercase;
text-decoration:none;
color: ffffff;
}

blockquote {
color: F8F6E7;
background: 818181;
font:verdana;
font-size: 10px;
padding: 2px;
}

blockquote b, blockquote strong {
color: Ffffff;
}

.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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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.footer {display: none;}

div table a.navbar img {display:none;}
div table {visibility:visible;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

body table td div form {display:none !important;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>about</h1>
As you can see, I used the Japanese pop band <i>"perfume"</i> as my inspiration. I checked over and over for bugs, until I couldn't find any. But if there is, pleaseee comment me and tell me so! I know this layout looks fab. in <b>firefox</b>. The theme would be a whiteish blue thing. Of course, you cut out this text when you copy it to your profile! If the layout doesn't look right when you copy it to your profile make sure you follow all the steps I left below...
<br /><br />

<h1>Resources</h1>
Perfume picture is from <b>www.crunchyroll.com/forumtopic-14942/perfume/</b> 
<br />
Brushes used from <b>http://preciselyts.net/</b>
<br />
Brushes used from <b>http://dilligafgraphics.com/</b>
<br />

<h1>how to use</h1>
Copy and paste the code into your about me, and fill out all the areas with you personal info. Make sure to get rid of the text (like what i'm writing now) Add pictures, widgets whatever and personalize the layout! Replace all the XXXXXX's on the links with your friend ID. So the link will work for you profile. 
<br /><br />
<h1>Listen Up.</h1>
<b>1.</b> Don't edit the HTML, unless you are talented in such. If you do, you will probably screw it up. Sorry. <br />
<b>2.</b> Don't jock or redistribute my layout. I made it, so dont take credit for it!  
<br />
<b>3.</b> Keep the credit </b>ON!</b>.

<h1>contact me</h1>
Contact through message on createblog! Go to www.sugarpurr.createblog.com.
I will reply asap! Or leave a comment on one of my layouts, I will reply. Ohhh, and I would <u>LOVE</u> if you could leave me some feedback! <333 That's about it! Enjoy. <3

<h1>CREDIT</h1>
Keep credit on!
<br />
Designed and put together by Stephanie @ <b>www.sugarpurr.createblog.com</b>
<br />
Layout hosted by <b>www.createblog.com.</b>

</div>

<div class="content2">
<h1>In General..</h1>
<b>Name</b> Your name here.<br />
<b>Age:</b> Your age here.<br />
<b>Music:</b> Add your fav. music here.<br />
<b>Interests:</b> Add your interests here!<br />
<b>Who I'd Like to meet:</b> Add who you would like to meet, here!
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
<br /><br />

<blockquote>
<b>March 7th</b> - Add your journal entries here!<br />
<b>March 4th</b> - Add your journal entries here!<br />
<b>March 1st</b> - Add your journal entries here!
</blockquote>

</div>

<div class="content3">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<br />
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a>
<br />
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=XXXXXXXX">Message</a>
<br />
<a href=http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendId=XXXXXXXX">Friends</a>
<br />

</div>

<div class="mcmts">
<table class="commentBox">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">
<tr><td><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 class="inputBox" name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox">Start typing here to leave a comment!