Summer.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

This is something a little different for me. I don't like layouts like this for myself, but a lot of people do (I hope). Umm...so yeah. Feedback is appreciated. :)

Want to see all my layouts and graphics?
website
myspace

Credits are for cool kids.
1 2 3 4 5 6

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 type="text/css">body{
background-color:f4efa8;
background-image:url(http://cbimg9.com/layouts/08/06/28059ac.gif);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:f4efa8;
scrollbar-track-color:f4efa8;
scrollbar-shadow-color:000;
scrollbar-face-color:fff;
scrollbar-highlight-color:000;
scrollbar-darkshadow-color:f4efa8;
scrollbar-3dlight-color:f4efa8;}
</style>

.div1{
position: absolute; 
left: 50%;
margin-left:-400px; 
top: 110px;
padding-bottom:20px;  }

.div2{
position: absolute; 
left: 50%;
margin-left:0px; 
top: 110px; 
padding-bottom:20px; }

.section1{
position: absolute; 
left: 50%; 
margin-left:-360px; 
top: 185px; 
width:  283px; 
height:  191px; 
overflow: auto;
scrollbar-arrow-color:fff;
scrollbar-track-color:e3fefe;
scrollbar-shadow-color:8ce176;
scrollbar-face-color:8ce176;
scrollbar-highlight-color:8ce176;
scrollbar-darkshadow-color:8ce176;
scrollbar-3dlight-color:8ce176;}

.section2{
position: absolute; 
left: 50%; 
margin-left:-360px; 
top: 615px; }

.section3{
position: absolute; 
left: 50%; 
margin-left:-20px; 
top: 450px;  
width:  400px; 
height: 35px; 
overflow: auto;}

body,table, td, li, p, div
{
font:normal 10px georgia; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

a:active,a:visited,a:link,a{
	color:c32267;
	font-size:10px;
	cursor:default;
	margin-top:1px;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:none;
}

a:hover{
	color:000;
	margin-top:1px;
	font-size:10px;
	cursor:default;
	font-weight:normal;
	letter-spacing:0px;
	font-family:georgia;
	text-decoration:none;
	text-transform:none;}
	
a.nav:link, a.nav:visited, a.nav:active {border: 0px dotted; border-color:000; color:5aa53f; background-color:transparent; text-transform:lowercase; letter-spacing: -1px; padding:6px; font-size: 10px; background-image:url(); background-position:left; background-image:url(); background-repeat:no-repeat; text-align:center; font:15px georgia; font-weight:normal;margin-right:10px; }
a.nav:hover {border: 0px dotted; border-color:000; color:fff; background-color:f0e374; text-transform:lowercase; letter-spacing: -1px; padding:6px;font-size: 10px; background-image:url();background-position:left; background-image:url(); background-repeat:no-repeat; text-align:center; font:15px georgia; font-weight:normal;margin-right:10px;}

.standard b, p b, B, strong {
font-family:georgia; 
font-size:12px; 
line-height:18px;
color:b97ca8; 
font-weight:none;
border:-1px; 
text-transform: lowercase; }
</style>

<div class="section1"><center>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum.
</center> 
</div>

<div class="section2"><center>
<style type="text/css">
textarea.area{
background-color:transparent;
width:275px;
height:30px;
font-family:georgia;
color:48bb4e;
line-height:18px;
font-size:17px;
text-align:left;
text-transform:normal;
border:0px solid;
border-color:fff;
font-weight:normal;
letter-spacing:-1px;
overflow:hidden;
}

input.button {
background-color:transparent;
width:275px;
height:20px;
font-family:georgia;
color:48bb4e;
line-height:12px;
font-size:11px;
text-align:center;
text-transform:lowercase;
border:0px solid;
border-color:fff;
font-weight:normal;
letter-spacing:0px;
overflow:hidden;}
</style>

<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="area">summer is here!</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>
</center> 
</div>

<div class="section3">
 <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a>
 <a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>
 <a class="nav" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>
 <a class="nav" href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>
 <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
  <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>
 <a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">home</a>
</div>

Layout Comments

Showing latest 10 of 16 comments

Thanks Soo Much

By TrishaRocksRawr on Jul 23, 2008 2:56 pm

Myspace just switched where your about me is. Click the Blurbs links along the top. :)

By schizo on Jul 23, 2008 12:48 pm

Okay So i Used this One For My Myspace(Nicely Done btw)I Went To go Change It And It Will Not Show My About me Of My Who I'd Liek To meet Section
Help!!

By TrishaRocksRawr on Jul 23, 2008 12:01 pm