Sunshine

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend ID

*The music player is now in the corner.

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>
object {position:absolute; height:45px; width:45px; left:50%; z-index:9;}
object {top:0px!important; margin-left:460px!important;}
object object, td td td object {position:static; margin:auto!important;}
</style>

.nav1 {
	display:block;color:82b0bb!important;
	text-align:right!important;
	font-family:georgia!important;
	font-size:7pt!important;
	line-height:10pt!important;
	background-color:fff!important;
	margin: 1px!important;
	border-left:3px solid!important;
	border-right:0px solid!important;
	border-color:82b0bb!important;
	letter-spacing: 3px!important;
	font-weight: normal!important;
	width:94%!important;
	margin: 1px!important;
	border-left:3px solid!important;
	border-right:0px solid!important;
	border-color:82b0bb!important;
	text-transform:uppercase!important;
	text-decoration:none!important;
	line-height:8pt!important;
}

.nav1:hover {
	display:block;color:609aa8!important;
	font-family:georgia!important;
	text-transform:uppercase!important;
	text-decoration:none!important;
	line-height: 8pt!important;
	overflow-x:hidden!important;
	font-size:7pt!important;
	background-color:edebb5!important;
	margin: 1px!important;
	border-left:3px solid!important;
	border-right:0px solid!important;
	border-color: 609aa8!important;
	text-align:center;!important
	letter-spacing: 3px!important;
	font-weight: normal!important;
	width:94%!important;

}

a {color:0d7fbd !important;
font-family:georgia!important;
font-size:7pt!important;
letter-spacing: 0px!important;
font-weight: bold!important;
}

a:hover {color:0d7fbd !important;
font-family:georgia!important;
font-size:7pt!important;
letter-spacing: 0px;
text-decoration:bold!important;}

img {border:0px;}

h1 {color:7eadb9!important;
font-family:georgia!important;
font-size:7pt;
Background-color:fff;
letter-spacing:0px!important;
text-transform:none;
line-height:10px;
text-align:right;
border-bottom: 0px dotted;
border-right: 3px solid;
border-color:619aa8;
font-weight:normal;
margin-bottom:7px;margin-top:5px;}

h2 {color:d3cd39!important;
font-family:georgia!important;
font-size:7pt;
Background-color:fff;
letter-spacing:0px!important;
text-transform:none;
line-height:10px;
text-align:left;
border-bottom: 0px dotted;
border-right: 3px solid;
border-color:e4e18e;
font-weight:normal;
margin-bottom:7px;margin-top:5px;}

textarea.com {width:126px; height:50px;color:393939;font-size:8pt;font-family:georgia;background-color:dedb7e;font-weight:normal;line-height:15px;padding:3px;text-transform:none;
letter-spacing:0px;overflow:hidden;border:0px solid black;}
input.button {width:126px;height:13px;color:393939;font-size:5pt;font-family:small fonts;margin:0px;
background-color:e7e49b;text-transform:uppercase;font-weight:normal;border:0px solid black;}

U {
border-bottom: 1px solid;
border-bottom-color: 619aa8; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:11px;
color:e7df00;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:11px;
color:619aa8;
letter-spacing: 0px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:fff!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

body{overflow-x:hidden}
body{background-color:82b0bb;background-image:url(http://cbimg6.com/layouts/09/03/34200ab.png); background-position:top-left;background-repeat: no-repeat;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

<br /><br />
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav1">Photos</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">Block</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">Go Home</a>
<a href="http://iwontrapeyou.createblog.com/" class="nav1">Grab This Layout!</a>
<br />

<a href="URL HERE!!" class="nav1">Friend #1</a>
<a href="URL HERE!!" class="nav1">Friend #2</a>
<a href="URL HERE!!" class="nav1">Friend #3</a>
<br />

<h1>I'll stand far away</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.
<h2>I wouldn't want to dull you're sunny day</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.  Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.  </blockquote>

Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.

</div>