Strife

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace "########" with your ID number and "XXXXXXXX" with the ID numbers of your friends.

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;
}

BODY{
background-color:DCCAB0;
background-image: url(http://cbimg6.com/layouts/08/02/19/25614aa.jpg);
overflow-x: hidden;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
scrollbar-FACE-color:8F755B;
scrollbar-BASE-color:DCCAB0;
scrollbar-TRACK-color:DCCAB0;
scrollbar-HIGHLIGHT-color:DCCAB0;
scrollbar-3DLIGHT-color:8F755B;
scrollbar-SHADOW-color:DCCAB0;
scrollbar-DARKSHADOW-color:8F755B;
scrollbar-ARROW-color:DCCAB0;
font-family: tahoma, verdana;
font-size: 10px;
color:C4A380;}

a:link, a:active, a:visited{
color:D2A794;
font-size: 9px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:D2A794;
}

a:hover{
color:DCCAB0;
font-size: 9px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:D2A794;
}

H1{
width: 100%;
height: 19px;
background-color: none;
font-size: 16px;
color:DCCAB0;
line-height: 19px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
font-family: times;
text-align: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:DCCAB0;
}

H2{
width: 100%;
font-size: 12px;
font-family: times;
color:DCCAB0;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
text-align: center;
margin-top: 10px;
margin-bottom: 2px;
margin-left: 0px;
}

P{
text-align: justify;
padding: 0px;
font-family: tahoma, verdana;
font-size: 10px;
color:C4A380;
line-height:10px;
margin-top:2px;
margin-bottom:5px;}

i, em {
color:9A8B76;
letter-spacing: 1px;
font-family: verdana;
font-weight:bold;
font-style: italic;
line-height:10px;
}

u {
color:F1DFBC;
font-family:verdana;
font-weight:normal;
text-decoration: underline;
line-height:10px;
font-size: 9px;
border-bottom-style:solid;
border-bottom-width: 1px;
border-bottom-color:9A8B76;
}

b, strong {
color:C9A26A;
font-family:palatino linotype, palatino, times;
font-weight:bold;
text-transform: uppercase;
font-size: 9px;
letter-spacing:1px;
line-height:10px;
}

s, strike {
color:BE8B6A;
letter-spacing:0px;
font-weight:normal;
font-style:italic;
line-height:10px;
}

textarea.comment {
width:90%;
height:28px;
color:8F755B;
background-color:DCCAB0;
border-style: solid;
border-color:8F755B;
border-width: 1px;
font-family: verdana;
font-size: 10px;
line-height:10px;
}

input.comment {
width: 75px;
height: 15px;
color:8F755B;
background-color:DCCAB0;
border-style: solid;
border-color:8F755B;
border-width: 1px;
font-family: verdana;
font-size: 10px;
}

div.strifeheart{
top: 100px;
left: 0px;
width:800px;
height:680px;
margin:0px;
overflow:hidden;
display:block;
z-index:1;
position: absolute;}

div.content{
top: 253px;
left: 37px;
position:absolute;
width: 341px;
height: 315px;
padding: 0px;
z-index: 2;
overflow:auto;
visibility:visible;
text-align:justify;
background-color:transparent;
scrollbar-FACE-color:5D4636;
scrollbar-BASE-color:5D4636;
scrollbar-TRACK-color:5D4636;
scrollbar-HIGHLIGHT-color:8F755B;
scrollbar-3DLIGHT-color:5D4636;
scrollbar-SHADOW-color:8F755B;
scrollbar-DARKSHADOW-color:5D4636;
scrollbar-ARROW-color:8F755B;
font-family: tahoma, verdana;
font-size: 10px;
color:C4A380;
line-height:10px;}

div.friends{
top: 595px;
left: 37px;
position:absolute;
width: 582px;
height: 116px;
padding: 0px;
z-index: 2;
overflow-y:hidden;
visibility:visible;
text-align:justify;
background-color:transparent;
scrollbar-FACE-color:5D4636;
scrollbar-BASE-color:5D4636;
scrollbar-TRACK-color:5D4636;
scrollbar-HIGHLIGHT-color:8F755B;
scrollbar-3DLIGHT-color:5D4636;
scrollbar-SHADOW-color:8F755B;
scrollbar-DARKSHADOW-color:5D4636;
scrollbar-ARROW-color:8F755B;
font-family: tahoma, verdana;
font-size: 10px;
color:C4A380;
line-height:10px;}

.friends img {
border:none;
margin-top:8px;
height:100px;
margin-right:5px;
margin-left:5px;
margin-bottom:0px;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class=strifeheart align="left">
<IMG SRC="http://cbimg6.com/layouts/08/02/19/25614ab.jpg" WIDTH=800 HEIGHT=136 ALT=""><IMG

SRC="http://cbimg6.com/layouts/08/02/19/25614ac.jpg" WIDTH=800 HEIGHT=136 ALT=""><IMG

SRC="http://cbimg6.com/layouts/08/02/19/25614ad.jpg" WIDTH=800 HEIGHT=136 ALT=""><IMG

SRC="http://cbimg6.com/layouts/08/02/19/25614ae.jpg" WIDTH=800 HEIGHT=136 ALT=""><IMG

SRC="http://cbimg6.com/layouts/08/02/19/25614af.jpg" WIDTH=800 HEIGHT=136 BORDER=0 ALT=""

USEMAP="#KH_Strife_05_Map"></A>
<MAP NAME="KH_Strife_05_Map">

<AREA SHAPE="rect" ALT="Pictures" COORDS="554,76,624,86"

HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0">

<AREA SHAPE="rect" ALT="Friends" COORDS="475,76,537,86"

HREF="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">

<AREA SHAPE="rect" ALT="Add Me to Group" COORDS="367,76,456,86"

HREF="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=XXXXXXXX">

<AREA SHAPE="rect" ALT="Add Me" COORDS="293,76,351,86"

HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">

<AREA SHAPE="rect" ALT="Message Me" COORDS="211,76,277,86"

HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">

<AREA SHAPE="rect" ALT="Favorite" COORDS="121,76,194,86"

HREF="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX">

<AREA SHAPE="rect" ALT="Forward" COORDS="30,76,103,86"

HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=########=forwardprofile">
</MAP>
</div>

<div class="content">
<H1>Profile</H1>
<P>
<img src="http://cbimg6.com/layouts/08/02/19/25614ag.jpg" align="left">
<U>Name:</U> Joanna
<BR><BR>
<U>Cyber Alias:</U> Tasare Salquendor
<BR><BR>
<U>Occupations:</U> Sign-maker/graphic artist, also primary dishwasher/Lawn Queen
<BR><BR>
<U>Favorable Passtimes:</U> Spending long hours in front of the computer editing images in Photoshop and

creating web layouts; reading (fantasy in particular); daydreaming; horse-back riding; playing RPGs on PS2
</P>
<H1>Comment Me</H1>
<P><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></P>

<H1>Header</H1>
<h2>Alternate Header</h2>

<P>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
<BR><BR>
<b>bold text</b>
<BR><BR>
<i>italic text</i>
<BR><BR>
<u>underline text</u>
<BR><BR>
<s>strike text</s>
<BR><BR>
normal text
<BR><BR>
<A HREF="http://www.myspace.com/">link text</A></p>
</div>

<div class=friends>
<marquee>
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"><IMG

SRC="http://cbimg6.com/layouts/08/02/19/25614ah.jpg"></A>
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"><IMG

SRC="http://cbimg6.com/layouts/08/02/19/25614ah.jpg"></A>
</marquee></div>

Layout Comments

Showing latest 10 of 13 comments

aaaaaaa can someone help me plzzzz cuz like the profiles is like kicking my ass and idk how to do it
help woould be great
myspace.com/puerto_rico _luver

By soyboricua93 on Sep 26, 2008 4:53 pm

The navigation should be a little darker.
Other than that it's great.

By Rawrio on Feb 24, 2008 7:39 pm

Not bad dude.

By RyanChronicles on Feb 21, 2008 9:40 pm

LOLOLOLOLOLOLOL...Did you know I'm laughing at you right now. xP I still think it's funny that you thought this wasn't going to be accepted by CB. You should soo know better than that. Your stuff would never get rejected.

By Lifrasthir on Feb 21, 2008 6:14 pm

OMG! *falls in love* It's soo pretty!!!

By CelestialAbyss on Feb 20, 2008 10:27 pm

omg what a sexy layout >_

By PiNK-RAGe on Feb 20, 2008 8:45 pm

Amazing Cloud layout. That picture looks awesome ^_^

By Ademisk on Feb 20, 2008 7:04 pm

This Cloud layout is wonderful, Joanna. I love everything about it. Keep things as they are.

By tokyo-rose on Feb 20, 2008 6:51 pm

I'm not a huge fan of anime, but this layout is quite awesome.
Maybe for those who don't like anime you could change the picture to some white flowers with that tan effect? That would be nice.. Just a suggestion :P

By Bittersweet13 on Feb 20, 2008 6:22 pm

I absoloutely love this, great job. :)

By schizo on Feb 20, 2008 4:59 pm

View all »

Layout Details

Designer	Tasare
Submitted on	Feb 19, 2008
Page views	21,996
Favorites	73
Comments	13
Reviewer	mlothepimp
Approved on	Feb 19, 2008

Strife

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates