Because I Love You...

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace '########' with YOUR ID number.

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

.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;
}
table tr td div font {
display: none;
}
body div table td form {
display:none!important;
}
table, td, tr {
background-color:transparent;
}

body div td div div select {
width:0px!important;
}
tr td div select {
display:none!important;position:relative!important; left:-5000px;

div div select, div div form {display:none !important;}
select { filter:alpha(opacity=0); opacity:0.0; }
}

BODY{
background-color:1D0905;
background-image: url(http://cbimg9.com/layouts/08/05/27848aa.jpg);
background-attachment:fixed;
overflow-x: hidden;
font-family: verdana;
font-size: 8pt;
margin: 0px;
scrollbar-FACE-color: 2B1712;
scrollbar-BASE-color: 1D0905;
scrollbar-TRACK-color: 1D0905;
scrollbar-HIGHLIGHT-color: 371D17;
scrollbar-3DLIGHT-color: 42231B;
scrollbar-SHADOW-color: 230F0A;
scrollbar-DARKSHADOW-color: 000000;
scrollbar-ARROW-color: #EBCCB7;
font-family: tahoma,verdana;
font-size: 7pt;
color: 1D0905;
text-align: center;
}

a:link, a:active, a:visited{
color: 5B1304;
font-size: 10px;
font-family: tahoma,verdana;
text-decoration: none;
letter-spacing:1px;
font-weight: normal;
font-style: none;
border:none;
background-image:none;
border-right-style:solid;
border-right-color: EBCCB7;
border-right-width: 1px;
border-left-style:solid;
border-left-color: EBCCB7;
border-left-width: 1px;
padding-right:2px;
padding-left:2px;
}

a:hover{
color: 000000;
font-size: 10px;
font-family: tahoma,verdana;
text-decoration: none;
letter-spacing:1px;
font-weight: normal;
font-style: none;
border:none;
background-image:none;
border-right-style:solid;
border-right-color: 5B1304;
border-right-width: 1px;
border-left-style:solid;
border-left-color: 5B1304;
border-left-width: 1px;
padding-right:2px;
padding-left:2px;
}

div.nav a:link, div.nav a:active, div.nav a:visited{
color: EBCBB6;
font-size: 12px;
font-family: palatino linotype, palatino;
font-variant: small-caps;
text-decoration: none;
letter-spacing:1px;
font-weight: bold;
font-style: none;
border:none;
background-image:none;
border-right:none;
border-left:none;
padding-right:2px;
padding-left:2px;
}

div.nav a:hover{
color: 5B1304;
font-size: 12px;
font-family: palatino linotype, palatino;
font-variant: small-caps;
text-decoration: none;
letter-spacing:1px;
font-weight: bold;
font-style: none;
border:none;
background-image:none;
border-right:none;
border-left:none;
padding-right:2px;
padding-left:2px;
}

H1{
font-family: palatino linotype, palatino;
font-size: 18px;
line-height: 47px;
font-weight: bold;
text-transform: uppercase;
background-image: url(http://cbimg9.com/layouts/08/05/27848ab.jpg);
background-color: none;
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
letter-spacing: 2px;
color: 5B1304;
text-align: center;
width: 478px;
height:47px;
}

H2{
font-family: times new roman, times;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
font-weight: bold;
text-decoration: none;
margin-top:-10px;
margin-top: 0px;
margin-bottom:5px!important;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
letter-spacing: 3px;
color: 000000;
text-align: center;
border-bottom: none;
width: 478px;
}

P{
text-align: justify;
padding: 0px!important;
padding: 4px;
margin-top:0px;
margin-bottom: 15px;
width:478px;
}

b, strong {
color: 530C0C;
font-style: italic;
font-weight: bold;
text-decoration: none;
font-family: verdana;
font-size: 10px;
line-height: 10px;
letter-spacing: 3px;
}

i, em {
color: 000000;
font-style: palatino linotype, palatino;
font-weight: bold;
text-decoration: none;
font-variant:small-caps;
letter-spacing: 1px;
font-family: tahoma, verdana;
font-size: 10px;
line-height: 10px;
}

u {
color: 5B1304;
font-style: none;
font-weight: normal;
text-decoration: none;
font-family: tahoma, verdana;
font-size: 9px;
line-height: 10px;
letter-spacing: 1px;
border-bottom-style: double;
border-bottom-color: 000000;
border-bottom-width: 3px;
padding-bottom:0px;
margin-bottom:0px;
}

s,strike {
color: 8D6C72;
font-weight: normal;
font-style: italic;
font-family: arial;
font-size: 9px;
line-height: 10px;
letter-spacing: 0px;
}

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

input.comment {
width: 75px;
height: 20px;
color:EBCCB7;
background-color:FFFFFF;
border-style: solid;
border-color:AD8981;
border-width: 1px;
font-family: verdana;
font-size: 10px;
text-align: center;
padding-bottom: 5px;
}

hr {
border-color:EBCCB7;
border-width: 1px;
border-style: solid;
height:1px;
width:478px;
}

div.love {
top: 100px;
left: 50%;
width:560px;
margin:0px;
margin-left:-294px;
height:auto;
overflow:hidden;
display:block;
z-index:1;
position: absolute;
background-color:transparent;
background-image: url(http://cbimg9.com/layouts/08/05/27848ac.jpg);
}

div.nav {
top: 733px;
left: 50%;
width:560px;
margin:0px;
margin-left:-294px;
height:26px;
overflow:hidden;
display:block;
z-index:1;
position: absolute;
background-color:transparent;
background-image: url(http://cbimg9.com/layouts/08/05/27848ad.jpg);
color:EBCBB6;
font-family: palatino linotype, palatino;
font-size: 12px;
line-height: 26px;
}

div.love2 {
top: 759px;
left: 50%;
width:560px;
margin:0px;
margin-left:-294px;
height:auto;
overflow:hidden;
display:block;
z-index:1;
position: absolute;
background-color:transparent;
background-image: url(http://cbimg9.com/layouts/08/05/27848ac.jpg);
}

div.content{
top: 810px;
left: 50%;
width:560px;
margin:0px;
margin-left:-294px;
height:auto;
overflow:hidden;
display:block;
z-index:1;
position: absolute;
background-color:transparent;
background-image: url(http://cbimg9.com/layouts/08/05/27848ac.jpg);
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX&MyToken=e1676aec-8001

-4089-9f9b-19efc1e5042a" class="nav">Friends</A> ~ <A HREF="http://comment.myspace.com/index.cfm?

fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">Comments</A> ~ <a

href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"

class="nav">Add</A> ~ <A HREF="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0" 
class="nav">Pictures</A> ~ <a href="http://messaging.myspace.com/index.cfm?

fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message</A> ~<a href="http://home.myspace.com/index.cfm?

fuseaction=user" class="nav">Home</A>

</div><div class=love2>
<IMG SRC="http://cbimg9.com/layouts/08/05/27848ah.jpg" WIDTH=560 HEIGHT=51 ALT=""></div>
<div class=content align=center>

<H1>Header</H1>
<H2>Sub-header</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
</P>

<H2>Sub-header</H2>
<P>
<B>Bold</B> <U>Underline</U> <S>Strike</S> <I>Italic</I>
</P>

<H2>Comment Me</H2>

<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=172401781">view other comments</A></form>

Layout Comments

Showing latest 10 of 16 comments

i love this layout!
also,i don't know what the others are saying,the kayouts works for me perfectly..

By DarkInoYamanka on Jul 26, 2008 7:07 pm

if you can fix it I'll use it in a heartbeat :)

By xxcasie5xx on Jul 1, 2008 2:18 pm

I love it and found it just in time for the release of Fruba vol. 20 (final volume)! It is really awesome! Yes it does cover up the buttons at the top and i do not know how to fix it, but small price to pay for such a lovely layout! Is there anyway I can set this as my layout for my blog as well?

By xXxBunnehxXx on Jun 22, 2008 3:07 pm