Would I be better...

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace FRIENDID with your ID. Don't forget to replace friend's pictures.

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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>.leftSide {position: absolute; left:152px; top:516px; width:278px; background-color:000000; overflow: auto;}
.leftSide div {width:268px; color:B3B3B3; text-align: justify; font-family:arial; background-color:4B4B4B;}
.leftSide div p {width:268px; color:B3B3B3; text-align: justify; font-family:arial; font-size:11px; line-height:12px;border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:437997;}
.leftSide h3 {width:268px; height:10px; color:969696; text-align: justify; font-family:times new roman;background-color:000000;font-size:20px;letter-spacing:2px;text-transform:uppercase; border-bottom-width:2px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:437997;margin-top:0px;padding: 0px;}

.MainSide{position: absolute; left:451px; top:516px; width:428px; background-color:000000; overflow: auto;}
.MainSide div{width:418px; color:B3B3B3; text-align: justify; font-family:arial; background-color:4B4B4B;}
.MainSide div p{width:418px; color:B3B3B3;font-size:11px; line-height:12px; text-align: justify; font-family:arial; border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:437997;}
.MainSide h3{width:418px; height:10px; color:969696; text-align: justify; font-family:times new roman; font-size:20px;background-color:000000;letter-spacing:2px;text-transform:uppercase;border-bottom-width:2px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:437997;margin-top:0px;padding: 0px;}
.up{position: absolute;top:0px;left:0px;}
.MainSide a:active, a:visited, a:link {font-family:times new roman;color:2F2F2F;font-size:11px;font-weight:bold;text-decoration:none;letter-spacing:2px;text-transform:lowercase;} 
.MainSide a:hover {font-family:times new roman;color:1A1A1A;font-size:11px;font-weight:bold;text-decoration:none;border:0px;letter-spacing:2px;cursor:crosshair;text-transform:lowercase;} 
.leftSide a:active, a:visited, a:link {font-family:times new roman;color:2F2F2F;font-size:11px;font-weight:bold;text-decoration:none;letter-spacing:2px;text-transform:lowercase;} 
.leftSide a:hover {font-family:times new roman;color:1A1A1A;font-size:11px;font-weight:bold;text-decoration:none;border:0px;letter-spacing:2px;cursor:crosshair;text-transform:lowercase;}

a:active, a:visited, a:link {font-family:times new roman;color:2F2F2F;font-size:11px;font-weight:bold;text-decoration:none;letter-spacing:2px;text-transform:lowercase;} 
a:hover {font-family:times new roman;color:1A1A1A;font-size:11px;font-weight:bold;text-decoration:none;border:0px;letter-spacing:2px;cursor:crosshair;text-transform:lowercase;}

.blacktext10 {width:337px; color:437997; text-align: center; font-family:times new roman; background-color:4B4B4B;letter-spacing:2px;text-transform:uppercase;border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:5D1111;text-align:center;font-size:12px;}

a.nav:link, a.nav:visited, a.nav:active {
width: 265px;
text-align: center;
text-decoration: none;
color:B3B3B3;
text-indent:0px;
font-style: normal;
font-weight:normal;
font-size: 18px;
font-family: Times New Roman;
line-height: 20px;
padding: 0px;
background-color: 1a1a1a;
cursor: default;
display: block;
margin-bottom: 0px;
margin-top:0px;
margin-top:0px;
padding: 0px;
border-bottom:0px solid; 
border-left:4px solid;
border-right:4px solid;
border-color:656565;
}
a.nav:hover {
width: 265px;
text-decoration: none;
text-align: center;
color:2E3940;
text-indent:0px;
font-style: normal;
font-weight:normal;
font-size: 18px;
font-family: Times New Roman;
line-height: 20px;
background-color: 4B4B4B;
display: block;
margin-bottom: 0px;
padding: 0px;
border-bottom:0px solid;
border-color:437997;
border-left:4px solid;
border-right:4px solid;
border-color:437997;
cursor:crosshair;
        
}

table, tr, td, li, p, div {font-family:Trebuchet MS;font-size:11px;color:000000;}
body {
	background-image:url('http://cbimg6.com/layouts/07/12/27/24173ac.jpg');
background-color:2A2A2A;
	background-attachment:scroll;
	background-repeat:repeat;
	scrollbar-face-color:969696;
	scrollbar-highlight-color:2A2A2A;
	scrollbar-3dlight-color:2A2A2A;
	scrollbar-shadow-color:2A2A2A;
	scrollbar-darkshadow-color:2A2A2A;
	scrollbar-arrow-color:969696;
	scrollbar-track-color:2A2A2A;
	 }
div{
	scrollbar-face-color:4B4B4B;
	scrollbar-highlight-color:4B4B4B;
	scrollbar-3dlight-color:4B4B4B;
	scrollbar-shadow-color:4B4B4B;
	scrollbar-darkshadow-color:4B4B4B;
	scrollbar-arrow-color:969696;
	scrollbar-track-color:4B4B4B;
	 }

b{ color:606A60;font-family:Trebuchet MS;font-size:11px;}
i{color:E9E9E9;font-family:Trebuchet MS;font-size:11px;}
u{color:6B7572;font-family:Trebuchet MS;font-size:11px;}
big{color:000000;font-family:Trebuchet MS;font-size:11px;font-weight:normal; }
h2{color:33251C;font-family:Trebuchet MS;font-size:11px;font-weight:normal; }
embed {position:absolute;top:1px;left:1px;height:0px;width:0px;}
embed, object{ display:block;top:1px;left:1px;position:absolute;height:0px;width:0px;}

img { filter:none;border:0px;}
a:link img { filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -khtml-opacity:0.60; }
a:hover img {filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80; }
body { cursor:default;}
</style>

.comt {width:738px; height:250px; overflow:auto;
background-color:4B4B4B; border:0px solid; border-color:a45078;
position:absolute; top:1410px; left:152px; font-face:trebuchet ms; font-color:B3B3B3;}
.blacktext10 {width: 550px;}

.comt td img {width:100px; max-width:150px; width:auto; _width:120px !important;border-color:000000;border:0px;}
.comt td a img {width:80px; max-width:80px; width:auto; _width:80px !important;}
.comt td a:hover img {width:80px; max-width:80px; width:auto; _width:80px !important;}
.comt div img {width:80px !important;}
</style>

<div class="leftSide">
<p><div>
<h3>Of The Moment</h3><p>
<center><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif"> Change this to your picture.</center>

<p><div>
<h3>Navigation</h3><p>
<div class="links"><center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"class="nav">View My Photos</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="nav">Send Me A Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"class="nav">Friend Me</a>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX"class="nav">Comment Me</a>
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=XXXXXXXX"class="nav">Group Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"class="nav">Block Me</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="nav">Go Home</a></center></div></div>

<p><div>
<h3>Comment Me</h3>
<p>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments"class="mine"style="color:000000; font-family:arial; font-size:11px;width:170px;height:70px;text-align:center; border-color:000000; background-color:3C3C3C; border-style:solid; border-width:1px;line-height:11px;scroll:no;letter-spacing:1px;">Speak To Me</textarea><br><input type="submit"class="mine"value="Send Comment"style="color:000000 !important;font-size:7px;font-family:small fonts;text-transform:uppercase;letter-spacing:1px;height:16px; width:170px;background-color:3C3C3C; border-color:000000; border-style:solid; border-width:0.1em; line-height:11px;"></input></form>
</div>

<p><div>
<h3>The Closest</h3><p>
<center>
<a href="FRIENDSURL" target="_new"><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif" ></a>
<a href="FRIENDSURL" target="_new"><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif" ></a>
<a href="FRIENDSURL" target="_new"><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif" ></a>
<a href="FRIENDSURL" target="_new"><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif" ></a>
<a href="FRIENDSURL" target="_new"><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif" ></a>
<a href="FRIENDSURL" target="_new"><img src="http://cbimg6.com/layouts/07/12/27/24173ab.gif" ></a>

</center>
</div>
</div></div></div>

<div class="MainSide">
<p><div>
<h3>The Basics</h3><p>
You can write about yourself here.<br>
<b>This is the bold font.</b>
<u>This is the underlined font.</u>
<i>This is italic.</i>
<big>you can make your font big </big>
<br><br>
you can link stuff. Don't forget to change FRIENDID to your ID and edit in your friends. Leave some feedback. 
<br><br>
Write here Write here Write here Write here Write here Write here Write here 
Write here Write here Write here Write here Write here Write here Write here 
Write here Write here Write here Write here Write here Write here Write here
</div>

<p><div>
<h3>Contact Me</h3><p>
<center>Put in all your<br>
contact information here.
</div>

<p><div>
<h3>Title</h3><p>
Put something here. Or you can delete these areas, if you'd like.<br><br>
you can rename the titles too!
</div>

<p><div>
<h3>Other Stuff</h3><p>
This Pearl Jam Layout was made by <a href="http://karmakiller.createblog.com">karmakiller @ Createblog.com</a>
</div></div>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 10 of 12 comments

i love this layout.
but one question..
is there a way you can hide the comments on this layout?
they are getting in the way of my "closest"

can you help me hide them?

By bennabutt on Mar 24, 2008 2:30 am

looks terriable in firefox.

By shz on Jan 5, 2008 5:39 pm

Maybe it's just me... but this seems really Noobish.

By FoxLucky on Dec 29, 2007 12:34 pm

I think the navigation links are too big, but other than that, tis good! ^^

By DelicateLove on Dec 29, 2007 1:09 am

Very nice work.

By jesusisthebestthing on Dec 28, 2007 8:44 pm

wow Dee I love it you should submit more often

By IVIike on Dec 28, 2007 12:54 pm

I think the content area could have been more creative; however, I love the banner. Good Job Overall. :)

By alecreations on Dec 28, 2007 11:28 am

Really nice.

By AlluivialL on Dec 28, 2007 2:11 am

Wow guys, fast replies. Haha. Thanks for the comments.

twodreamlovers - those things can be added. I'd hope no one would overlook this because of that fact.

By karmakiller on Dec 28, 2007 12:37 am

Love it! =]]

By Diamond69 on Dec 28, 2007 12:34 am

View all »

Layout Details

Designer	karmakiller
Submitted on	Dec 27, 2007
Page views	12,810
Favorites	29
Comments	12
Reviewer	brooklyneast05
Approved on	Dec 27, 2007

Layout Tags

, pearl jam, jeff ament, stone gossard, mike mccready, eddie vedder, matt cameron, grey, gray, blue

Layout Tools

Layout Affiliates

Here I Stand Layouts