I'm With You

Myspace Layouts / Div Overlay

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>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body tab
le div form{display:block;}

Body {
background-image:url('http://i36.tinypic.com/2i2bz2v.png');
background-attachment:scroll; 
background-repeat:repeat;
background-position:top left;
background-color:515151; cursor:crosshair;}
 
a:link, a:visited {
font-family:arial; color:C2C2C2;
font-size:11px; line-height:11px;
font-weight:normal; display:inline;
text-transform:none; text-align:left;
cursor:crosshair; text-decoration:none;}

a:hover {color:000000; background:; text-decoration:none;}

.nava:link, .nava:visited, .nava:active {
font-family:arial; color:333333;
font-size:11px; line-height:20px;
font-weight:normal; display:block;
text-transform:none; text-align:left;
cursor:crosshair; text-decoration:none;
letter-spacing:+2px; border:0px;}

.nava:hover {
color:ababab; text-decoration:none;
letter-spacing:+5px;}

.content1 {
background-color:transparent; border:0px;
width:250px; height:200px;
position:absolute; overflow:auto;
top:370px; left:50%; margin-left:-30px;
scrollbar-face-color: 647A19;
scrollbar-arrow-color:666666;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19); 
}

.content2 {
background-color:transparent; border:0px;
width:170px; height:95px;
position:absolute; overflow:auto;
top:210px; left:50%; margin-left:105px;
scrollbar-face-color: 647A19;
scrollbar-arrow-color:666666;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19); 
}

.navigation {
top:370px; left:50%; position:absolute;
Height:300px; width:150px; overflow:none;
margin-left:230px;
}

h1 {
font-family:georgia; font-size:40px;
color:1a1a1a; font-weight:normal; 
line-height:20px; display:block;
border-bottom:0px solid black;
text-transform:lowercase;
padding-top:5px; text-align:left;
letter-spacing:-3px;
}

h2 {
font-family:small fonts; font-size:7px;
color:1a1a1a; font-weight:normal; 
line-height:10px; display:block;
border-bottom:1px solid black;
text-transform:uppercase;
padding-top:0px; text-align:center;
letter-spacing:+3px;
}

div.content1, small, big, text, p, br, td, tr, table {
font-family:tahoma; color:FFFFFF;
font-size:11px; line-height:11px;
text-decoration:none; font-weight:normal;
text-align:left;}

div.content2, small, big, text, p, br, td, tr, table {
font-family:arial; color:000000;
font-size:9px; line-height:9px;
text-decoration:none; font-weight:normal;
text-align:left; text-transform:lowercase;
letter-spacing:0px;
}

div.content2 b, strong {
font-family:small fonts; font-size:7px; 
Color:000000; text-transform:uppercase;
font-weight:normal; letter-spacing:+2px;
text-decoration:underline;
}

div.content1 b, strong {
color:3e3e3e; font-family:arial garamond;
text-transform:lowercase; font-weight:bold;}

i { color:909090; font-family:palatino linotype;}
u {color:c4c4c4; font-family:courier new times new roman garamond;}

td td embed, td td object{
position:absolute;
left:0px; top:0px;
width:1px; height:1px;}

td.text embed {width:260px; height:38px;}

div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>about me</h1>
<b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="'">Link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Nam auctor turpis eget purus. Vestibulum et pede ut libero lacinia egestas. Aliquam semper rhoncus augue. Nullam et nisi. Integer sit amet elit nec nisi varius fringilla. Maecenas vel justo id erat pulvinar congue. Maecenas dapibus luctus nunc. Etiam tristique. Etiam massa. Etiam pede dui, consequat at, tincidunt ac, adipiscing quis, augue. Integer sit amet nunc quis nisl sollicitudin aliquet. Ut dolor odio, fringilla nec, adipiscing nec, tincidunt id, lectus. Aenean pharetra molestie justo. Integer dolor erat, mattis eu, congue ac, adipiscing sed, diam. Fusce in libero eget nulla molestie auctor. Sed eleifend, justo et aliquam scelerisque, risus justo convallis metus, ac consectetuer sapien quam ut augue. Morbi dui mi, pulvinar auctor, rhoncus in, blandit faucibus, metus. Duis lobortis. Fusce ullamcorper dictum nulla.

Integer est. Phasellus mollis viverra massa. Vestibulum venenatis, quam at euismod porta, nisl nunc scelerisque turpis, quis commodo metus velit iaculis augue. Etiam leo. Nunc suscipit. Nunc sed nisl. Maecenas sed sapien. Praesent malesuada lorem a pede dictum mattis. Morbi sed ante. Fusce feugiat accumsan justo. Proin et urna. Integer pede mi, fringilla quis, accumsan non, pulvinar vitae, neque. Praesent accumsan lacinia purus. Pellentesque euismod, dolor quis ultrices tincidunt, metus lorem elementum tellus, non iaculis leo metus et libero. Quisque libero nibh, tincidunt sit amet, vestibulum nec, aliquam vel, diam. Vivamus in urna a neque aliquam scelerisque. Nunc posuere diam. 
</div>

<div class="content2">
<h2>Detail</h2>
<b>Name:</b> Your name here.
<br><b>Age:</b> Your age here.
<br><b>Status:</b> Relationship status.
<br><b>Orientation:</b> Orientation here.
<br><b>Location:</b> Location here.
<br><b>Occupation:</b> Occupation here.
<br><b>Religion:</b> Religion here.
</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava">Message</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nava">Comment</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nava">Pictures</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nava">Blogs</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nava">Block</a>

</div>

Layout Comments

Showing latest 10 of 29 comments

im using for my avril fansite

By funride on May 31, 2009 11:55 am

this makes me think of avril lavigne

By koobecaf on Apr 20, 2009 7:41 pm

great job - love it!

By happilyneverafter on Nov 3, 2008 1:33 pm

Beautiful!!
I Love it :D

By Nijnebeest on Oct 25, 2008 9:44 am

I love it ^.^
I don't normally like things based on Avril
But eh..
Can't help liking this one :3

And people. It's a DIV. Read this.
THIS IS A DIV OVERLAY LAYOUT, HTML KNOWLEDGE REQUIRED!
1. Log into myspace.com
2. Click on EDIT PROFILE
3. Copy (CTRL C) and paste (CTRL V) code to the specified fields
4. Edit code with your FRIEND ID

By Firiath on Oct 24, 2008 5:08 am

Ummm Where is that im new to this so i dont know where that is

By Haleynicole123 on Oct 23, 2008 1:01 pm

I Dont Understand How To Do The Friend Id Thing

By Haleynicole123 on Oct 23, 2008 3:33 am

this is beautiful. & i love the song. [':

By goth-nina on Oct 11, 2008 7:47 am

ii dNtt NO hOw tO PUtt Mii FRii3Ndd ii.D iiN;;ii N33D H3lP ! "/

By NUNii5 on Oct 9, 2008 11:55 pm

this is the shit i love it. can u make one of shaun morgan from seether maybe?

By byebyelove on Oct 6, 2008 11:12 pm

View all »

Layout Details

Designer	Decode
Submitted on	Oct 1, 2008
Page views	54,861
Favorites	551
Comments	29
Reviewer	schizo
Approved on	Oct 1, 2008

I'm With You

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates