Graffiti

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

One of my first ones..
Enjoy!

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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Myspace Layouts"><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>.music{
<style>td td embed, td td object{position:absolute; left:165px; top:205px; width:260px; height:47px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>
}

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}

table table,table table table table,table table{
background-color:transparent;
width:;
border:0px;
} 
div,table,tr,td,th{
background-color:transparent;
text-align:left;
border:0px;
}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{
display:none;
}
div table form tr td,td.text table,a.text, table div font a,table div div,{
visibility:hidden;
di-splay:none
}
td.text table table {
display:inline; 
visibility:visible;
}
embed{
position:absolute;
top:0px;
left:0px;
display:block;
width:0px; 
height:0;
}

a.text, table div font a, table div div {
visibility:hidden;
}

table tbody td table tbody tr td.text table {
visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;
}

.comments{
visibility:visible;
width:780px; 
height: 250px;
position:absolute;
top:800px;
left:115px; 
overflow:none;
z-index:2px;
}

body {
background-image: url(http://cbimg6.com/layouts/07/06/02/18173ab.jpg);
background-repeat: repeat-y; 
background-position: top left;
line-height: 14px; 
cursor: default;
background-color: 94ade5;}

html, body, div, p, span, font, a, img, area {
    cursor: crosshair !important;
}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
font-family:Verdana;
font-size: 8pt; 
color:ffffff; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
}

.content { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:20px; 
top:150px; 
visibility:hidden;
z-index:1;
}

.blog { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:90px; 
top:165px; 
width: 820px;
visibility:visible;
}

.img_id {
    background-color:transparent;
    overflow:auto;
    position:absolute;
    z-index:3;
    left:145px;
    top:-245px;
    margin-left:20px;
    margin-top:500px;
    text-align:left;
    visibility:visible;
    width: 100px;
    height: 100px;
}
.comment_img {
    background-color:transparent;
    overflow:auto;
    position:absolute;
    z-index:3;
    left:335px;
    top:245px;
    margin-left:20px;
    margin-top:500px;
    text-align:left;
    visibility:visible;
    width: 205px;
    height: 85px;
}
.personal {
    background-color:transparent;
    overflow:auto;
    position:absolute;
    z-index:3;
    left:223px;
    top:-245px;
    margin-left:20px;
    margin-top:500px;
    text-align:left;
    visibility:visible;
    width: 400px;
    height: 100px;
    }
    
.contenido {
    background-color:transparent;
    overflow:auto;
    position:absolute;
    z-index:3;
    left:140px;
    top:-170px;
    margin-left:20px;
    margin-top:500px;
    text-align:left;
    visibility:visible;
    width: 427px;
    height: 266px;

}

.nav {
    background-color:transparent;
    overflow:auto;
    width: 412px;
    position:absolute;
    z-index:2;
    left:45px;
    top:-250px;
    margin-left: 120px;
    margin-top:435px;
    text-align:left;
    visibility:visible;
    color:150D06;
    font-size: 8pt;
    line-height: 14px;
    height: 36px;
}

a:link, a:visited, a:active {color:ffffff; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: ffffff; text-decoration: underline;}

.friends1 {
    background-color:transparent;
    overflow:auto;
    position:absolute;
    z-index:3;
    left:65px;
    top:250px;
    margin-left:72px;
    margin-top:410px;
    text-align:left;
    visibility:visible;
    width: 450px;
    height: 200px;
}

</style>

<div class="personal">
<b>Name:</b> Your Name
<br>
<b>Age:</b> Your Age

<br>
<b>Occupation:</b> Your Occupation
<br>
<b>Home:</b> Your Home
</div>

<b><h2>About Me</h2></b>
<br>
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
Here is where u put whatever u want....
<br>

</div>
<br>
</div>
<div class="content">CacoroachEnt</div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> -
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add Me</a> -
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID= YOUR FRIEND ID">My Pics</a> -

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a> - 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID= YOUR FRIEND ID">View/Add Comments</a></div>

<Style>table b {display:none;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Comments

Showing latest 8 of 8 comments

its cute but simple n luvvin da color.. good job

By dmshygirlnmt1 on Sep 15, 2008 6:05 am

hey
this is an alsome layout but it wont but the pictures for for friends wont work
can you help me?

By jazzy44 on Jun 9, 2007 7:46 am

its not working for me.. help??

By family-guy-93 on Jun 4, 2007 2:35 am

I'm not too fond of this layout, but I do like the colors.

By YourSuperior on Jun 3, 2007 5:52 pm

hi..i like so much your layout.plzz learn me hw do u do this layout...i wana learn..¡....tk care :) dianacons22@hotmail.com

By dianalight on Jun 2, 2007 10:08 pm

um... the myspace flash player looks weird in the preview... and soo out of place same with the comments on the layout

By Blaqheartedstar on Jun 2, 2007 9:58 pm

WOW this is so my style

By OmarGarcia on Jun 2, 2007 9:19 pm

I already punched in the mypace id's and the pics are not showing on the friends marquee. How do I fix this?

By amuno142 on Jun 2, 2007 7:32 pm

Layout Details

Designer	CarlosEstrada
Submitted on	Jun 2, 2007
Page views	25,085
Favorites	96
Comments	8
Reviewer	mzkandi
Approved on	Jun 2, 2007

Graffiti

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates