You, My Love

Designer's Comments

Look carefully for specific instructions

Myspace version of You, My Love. Special thanks to Tasare for the stylesheet. Used with permission

Replace "########" with YOUR ID number and "XXXXXXXX" with your FRIENDS' ID numbers.

READ: "The Service contains Content of Users and other CreateBlog licensors. Except for Content posted by you, you may not copy, modify, translate, publish, broadcast, transmit, distribute, perform, display, or sell any Content appearing on or through the Service." from CB Terms of Service

FF and IE Compatible

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

div div table div 
{display:none;} 
.clearfix table div div 
{display:block;} 
tr td div, div td, div tr, div table 
{background-color:transparent !important;}
.profile, div ul {display:none !important; }
.userProfiledetail, .userProfileURL, .userProfileSchool, 
.interestsAndDetails, .friendsComments,.extendedNetwork, 
.latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable {
display:none;}
a.text, table div font a, table div div {
visibility:hidden;
}
div div, div td 
{background-color:transparent; 
background-image:none!important;}
table tr td div font {
display: none;}
body div table td form {
display:none!important;
}
div.profileWidth div.clearfix 
{position:relative;
top:30px
}
div.profileWidth 
{margin-top: -30px !important;}

table, td, tr {
background-color:transparent;
}
body div td div div select {
width:0px!important;
}
table table td div {
visibility:visible;
}
tr td div select {
display:none!important;position:relative!important; left:-5000px;
}

BODY{
background-color:543a43;
background-position: left;
background-image: url(http://cbimg6.com/layouts/09/03/34120aa.png);
background-repeat: repeat-y;
overflow-x: hidden;
margin: 0px;
scrollbar-FACE-color:3f0224;
scrollbar-BASE-color:3f0224;
scrollbar-TRACK-color:543a44;
scrollbar-HIGHLIGHT-color:000000;
scrollbar-3DLIGHT-color:3f0224;
scrollbar-SHADOW-color:000000;
scrollbar-DARKSHADOW-color:3f0224;
scrollbar-ARROW-color:000000;
font-family: sylfaen;
font-size: 10px;
color:808b93;}

a:link, a:active, a:visited{
color: ae91a1;
text-decoration: none;
text-transform: none;
border: none;
line-height: normal;
font-family: verdana;
font-size: 10px;
letter-spacing: 0px;
font-weight: normal;
}

a:hover{
color:ede4e9;
font-family: verdana;
font-size: 10px;
font-weight: normal;
border: none;
line-height: normal;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:c1adb6;
}

A.navilink:link, A.navilink:visited, A.navilink:active
{display: block;
width: 100%;
background-color: 200112;
font-weight: normal;
font-size: 9px;
font-family: tahoma, verdana;
color: ae91a1;
line-height: 15px;
height: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 1px;
margin-bottom:1px;
border-top-width: 1px;
border-top-style:solid;
border-top-color:000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000}

A.navilink:hover
{display: block;
width: 100%;
background-color: cfd4d7;
font: normal 9px;
font-family: tahoma, verdana;
color: 1c010f;
line-height: 15px;
height: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 1px;
margin-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style:solid;
border-bottom-color:000000;
border-top-width:1px;
border-top-style: solid;
border-top-color:000000;}

H1{
width: auto;
height: 14px;
background-color: none;
font-size: 14px;
font-weight: normal;
color:c1adb6;
font-weight: normal;
letter-spacing: 0px;
font-family: verdana;
text-align: center;
margin-bottom: 1px;
padding-bottom: 2px;
text-transform: none;
text-decoration: none;
margin-bottom: 5px;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:000000;
line-height:14px;
}

H2{
height:10px;
width: auto;
background-color: none;
font-size: 10px;
font-family: sylfaen;
color:ede4e9;
line-height: 10px;
letter-spacing: 2px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
}

H3{
width: auto;
background-color:31021b;
font-size: 10px;
padding: 0px;
color: a0738b;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;
text-decoration: none;
font-family: verdana;
text-align: center;
line-height: 15px;
margin: 0px;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:000000;
}

p.module {
width: 100%;
color: 543a44;
margin: 0px;
border: none;
padding: 2px;
background-color: 31021b;
text-align: left;}

P{
width:auto;
text-align: justify;
padding: 2px;
color:543a44;
font-family: verdana;
font-size: 10px;
line-height:normal;
letter-spacing: 0px;
background-color: none;
margin:0px;}

b, strong {
color:874368;
font-weight: bold;
font-family:sylfaen;
letter-spacing:0px;
font-size: 10px;
text-decoration: none;
text-transform: none;
}

i, em {
font: normal 12px;
font-family: sylfaen;
font-style: italic;
font-weight: normal;
color:ede4e9;
letter-spacing: 1px;
text-transform: none;
text-decoration: none;
}

u {
font: normal 10px;
font-family: sylfaen;
color: a0738b;
letter-spacing: 0px;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:a78899;
text-decoration: underline;
text-transform: none;
}

s,strike {
font: normal 10px;
font-family: sylfaen;
text-transform: none;
color:e8bfd5;
font-style: normal;
letter-spacing: 0px;
}

textarea.comment {
width:80%;
height:28px;
color:91667b;
background-color:502039;
border-style: solid;
border-color:91667b;
border-width: 1px;
font-family: verdana;
font-size: 10px;
line-height:10px;
}

input.comment {
width: 75px;
height: 20px;
color:91667b;
background-color:502039;
border-style: solid;
border-color:91667b;
border-width: 1px;
font-family: verdana;
font-size: 10px;
text-align: center;
padding-bottom: 5px;
font-weight: bold;
}

hr {
border-color:31021b;
border-width: 1px;
border-style: solid;
height:1px;
}

div.banner{
top: 93px;
left: 0px;
width:624px;
height:443px;
margin:0px;
overflow:hidden;
display:block;
z-index:1;
position: absolute;
background-color:transparent;
}

div.content{
top: 433px;
left: 8px;
position:absolute;
width: 393px;
height: auto;
padding: 0px;
z-index: 2;
overflow-x:hidden;
visibility:visible;
text-align:justify;
font-family: verdana;
font-size: 10px;
color: 808b93;
line-height:10px;
background-color: none;
}

div.modules{
top: 433px;
left: 445px;
position:absolute;
width: 200px;
height: auto;
padding: 0px;
z-index: 2;
overflow-x:hidden;
visibility:visible;
text-align:justify;
font-family: verdana;
font-size: 10px;
color: 808b93; 
background-color:none;
line-height:10px;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</DIV>

<h3 class="header">navigation</h1>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navilink">Friends</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="navilink">Comments</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navilink">Add Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX" class="navilink">Favorite</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0" class="navilink">Pictures</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navilink">Message</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navilink">Home</a>

<br>

<h3 class="header">companions</h1>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>

<br>

<h3 class="header">journey</h1>
<p class="module">

Layout: <a href="http://lifrasthir.createblog.com/">Lifrasthir</a><br>
Stylesheet: <a href="http://tasare.createblog.com/">Tasare</a><br><br>
Resources: <a href="http://puzzle.digital-distortia.com/">1</a>, <a href="http://www.xanga.com/Elegant_Dream">2</a>, <a href="http://celestialabyss.createblog.com">3</a><br>
</p>

</div>

<H1>when the love falls</H1>
<H2>special words</H2>
<P><i>I've always known you were there.<br>I've always known I needed more.<br>You've told me to let go.<br>I found I couldn't<br>But now I know<br>I'm not alone</i><br><br>

<u>Name</u>: Lifrasthir<br><Br><u>Location</u>: Envelie, Yureline<br><Br><u>Occupation(s)</u>: Royal dishwasher<br><Br><u>Favourite Passtimes</u>: Reading (action/adventure, sci/fi, fantasy), drawing, watching Ghost Hunters with my mom, writing, watching war movies (by  myself), especially Saving Private Ryan</p><br><br>

<H2>Extra</H2><p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<BR><BR><B>Bold</B> <I>Italic</I> <U>Underline</U> <S>Strike</S> <a href="http://lifrasthir.createblog.com/">Link</a><br><br></P>

<H1>Comment Box</H1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="########"

type="hidden"><textarea name="f_comments" class="comment" style="overflow:auto;">comment me?</textarea> 
<br> <input value="comment" class="comment" type="submit"> <input value="start over" class="comment" type="reset"><BR><A

HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view other comments</A></form></center>

<HR>

</div>
</div>

Layout Comments

Showing latest 10 of 12 comments

This is adorable! :]]

By miomi15 on Sep 2, 2009 4:07 pm

I LUSH IT

By ShanplusTrev22 on Aug 4, 2009 1:21 pm

I love this 001 so much.
Exellent use of css and color choices.
I couldnt tell you anything different to do on this one except hide the myspace navigationbar.
Its possible you know.

-Kima F.

By kimataughtme on May 12, 2009 8:56 am